SiteMeta.pk
Expired Domains
Features
Top Sites
Search
Home
mariab.pk
Keywords
Keywords List for
mariab.pk
TRACK YOUR ORDER
New In
Luxury Pret
Luxury Formals
Kidswear
Unstitched Chiffons
M Luxe Fabrics
Jewelry
Unstitched
Chiffon
Lawn
M.Prints
Mbroidered
M.Luxe Fabrics
Sale M.Luxe Fabrics
Winter Luxe
Sateen
Linen
View All
Ready to Wear
Winter 25
Mommy & Me
Monochrome Edit
Kids
Boys
Girls
Baba & Me
Stitched
Stitched Chiffon
Stitched Lawn
Stitched M.Prints
Stitched Mbroidered
Menswear
Kurtas
Waistcoats
Complete Suit
Bottoms
Bridal Jewelry
All
Signature
Earrings
Bangles/Bracelets
Tikka/Jhoomer
2/3 Piece Sets
Rings
Necklace
Anklet
Accessories
Bags
Eyewear
Perfumes
Maria.B Brides
Bridals
Formals
Couture
Couture Saree
Couture Formals
Couture Gowns
Special Offers
Log in
Maria.b
M.basics
[image]
Search
Cart 0
Pre-Fall
Monochrome
READY TO WEAR
UNSTITCHED
Kids Wear
unstitched
Quick view 3 Piece Embroidered Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.48,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Khaddar Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.17,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.45,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.39,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.18,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Marina Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Masoori Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.23,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.55,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Chiffon Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.41,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.20,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.19,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Linen Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.25,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Returns and Exchange
Privacy Policy
FAQs
Store Locator
Track Your Order
Blogs
About Maria.B
Contact Us
Careers
Terms and Conditions
Facebook
Instagram
Developed by Shopistan -
Powered by XStak
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.32,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Chiffon Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.40,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.38,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Raw Silk Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Bamber Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.62,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.47,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Net Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.65,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.40,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Organza Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.42,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.46,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.49,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.51,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.54,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.52,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.53,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Net Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.81,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.30,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Velvet Suit Rs.11,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Net Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Rs.14,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Slub Khaddar Suit Rs.9,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Linen Suit Rs.11,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Jamawar Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lurex Organza Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Velvet Suit Rs.14,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Linen Suit Rs.9,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Rs.10,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Rs.14,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Karandi Suit Rs.9,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered PK Raw Silk Suit Rs.12,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Velvet Suit Rs.15,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Khaddar Suit Rs.7,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Jacquard Brochia Suit Rs.7,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Rs.16,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Filament Viscose Suit Rs.10,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Rs.12,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Rs.11,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Khaddar Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Loading More
Quick view Shabnami Tikka Rs.9,990 Add to cart Default / Pink - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shabnami Tikka Rs.9,990 Add to cart Default / Gold - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lumore Set Rs.16,990 Add to cart Default / Green - Rs.16,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mistira Set Rs.26,990 Add to cart Default / Grey - Rs.26,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Meharin Ring Rs.1,990 Add to cart Default / Pink - Rs.1,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chatrina Ring Rs.4,990 Add to cart Default / Gold - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gleamira Mala Rs.16,990 Add to cart Default / Blue - Rs.16,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Motiraaz Tikka Rs.1,990 Add to cart Default / Green - Rs.1,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Haarini Jhoomar Rs.9,990 Add to cart Default / Pink - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Floraya Earrings Rs.8,990 Add to cart Default / Blue - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zemeryl Earrings Rs.7,490 Add to cart Default / Green - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noorza Earrings Rs.9,990 Add to cart Default / Red - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hazraya Earrings Rs.6,490 Add to cart Default / White - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hazraya Earrings Rs.6,490 Add to cart Default / Green - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Emarza Earrings Rs.3,990 Add to cart Default / Gold - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Meher Bracelet Rs.12,990 Add to cart Default / Multi - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ceren Bangle Rs.7,990 Add to cart Default / Green - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarkumari Set Rs.18,990 Add to cart Default / Pink - Rs.18,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Naureha Set Rs.22,990 Add to cart Default / Green - Rs.22,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Naureha Set Rs.22,990 Add to cart Default / Red - Rs.22,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Abyah Choker Set Rs.14,990 Add to cart Default / Green - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zohira Pendant Rs.9,990 Add to cart Default / White - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zivaraa Matha Patti Rs.12,990 Add to cart Default / Multi - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nooriroi Tikka Rs.2,590 Add to cart Default / Gold - Rs.2,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kanchmoti Tikka Rs.2,490 Add to cart Default / Green - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kanchmoti Tikka Rs.2,490 Add to cart Default / Gold - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chandrika Jhoomar Rs.8,490 Add to cart Default / Green - Rs.8,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhalmoti Earrings Rs.2,490 Add to cart Default / Green - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhalmoti Earrings Rs.2,490 Add to cart Default / Gold - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Taranmoti Jhumka Rs.6,990 Add to cart Default / Multi - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Taranmoti Jhumka Rs.6,990 Add to cart Default / Gold - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sutrika Jhumka Rs.15,490 Add to cart Default / Gold - Rs.15,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulmika Jhumka Rs.10,990 Add to cart Default / Pink - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Riwaaz Bangle Rs.9,990 Add to cart Default / Pink - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Luzia Choker Set Rs.24,990 Add to cart Default / White - Rs.24,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zirora Bracelet Rs.3,990 Add to cart Default / White - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mesut Bracelet Rs.6,990 Add to cart Default / Multi - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Florin Bracelet Rs.6,990 Add to cart Default / Blue - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Florin Bracelet Rs.6,990 Add to cart Default / Green - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noorgulya Jura Pin Rs.10,990 Add to cart Default / Pink - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarquilla Pendant Rs.6,490 Add to cart Default / Pink - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarqana Mala Rs.23,990 Add to cart Default / Blue - Rs.23,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chansia Mala Rs.23,990 Add to cart Default / White - Rs.23,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarona Churi Rs.7,990 Add to cart Default / Purple - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zyris Earrings Rs.6,990 Add to cart Default / Green - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarqeen Earrings Rs.2,990 Add to cart Default / White - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulreen Earrings Rs.12,990 Add to cart Default / Pink - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.27,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Cotton Net Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.26,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.22,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.16,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.21,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Paper Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.27,890 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.28,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Self Jacquard Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.20,590 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Jacquard Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.29,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.21,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.25,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.24,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-01 Rs.17,590 Add to cart Default / Black - Rs.17,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Jacquard Lawn Suit | EID LAWN-25-02 Rs.18,290 Add to cart Default / Pink - Rs.18,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-04 Rs.17,590 Add to cart Default / Yellow - Rs.17,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Lawn Suit | EID LAWN-25-05 Rs.18,290 Add to cart Default / Blue - Rs.18,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-06 Rs.17,590 Add to cart Default / Yellow - Rs.17,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-07 Rs.17,590 Add to cart Default / White - Rs.17,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | EID LAWN-25-09 Rs.18,290 Add to cart Default / White - Rs.18,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-10 Rs.18,290 Add to cart Default / Blue - Rs.18,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2503-B Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / B - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2504-A Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / A - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | D-2505-A Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / A - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | D-2505-B Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / B - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Net Suit | D-2507-A Regular price Rs.18,190 Sale price Rs.16,371 Add to cart Default / A - Rs.16,371 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Net Suit | D-2507-B Regular price Rs.18,190 Sale price Rs.16,371 Add to cart Default / B - Rs.16,371 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2508-B Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / B - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | D-2510-A Regular price Rs.18,190 Sale price Rs.16,371 Add to cart Default / A - Rs.16,371 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2512-B Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / B - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Dobby Lawn Suit | D-2513-A Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / A - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Dobby Lawn Suit | D-2515-A Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / A - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Lawn | D-2405-B Regular price Rs.18,390 Sale price Rs.11,953 Add to cart Default / B - Rs.11,953 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-101 Rs.34,990 Add to cart Default / White - Rs.34,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-102 Rs.32,990 Add to cart Default / Maroon - Rs.32,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-103 Rs.32,990 Add to cart Default / Blue - Rs.32,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-104 Rs.34,990 Add to cart Default / Black - Rs.34,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-105 Rs.34,990 Add to cart Default / Pink - Rs.34,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-106 Rs.35,990 Add to cart Default / Green - Rs.35,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-107 Rs.35,990 Sold Out Default / Beige - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | MPC-25-108 Rs.35,990 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Palachi Suit | DL-1201 Regular price Rs.24,990 Sale price Rs.16,243 Sold Out Default / Brown - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Linen Suit | DL-1202 Regular price Rs.19,990 Sale price Rs.12,993 Sold Out Default / Purple - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Palachi Suit | DL-1203 Regular price Rs.24,990 Sale price Rs.16,243 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Woven Suit | DL-1204 Regular price Rs.22,990 Sale price Rs.14,943 Sold Out Default / Black - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Velvet Suit | DL-1205 Regular price Rs.24,990 Sale price Rs.16,243 Sold Out Default / Black - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Palachi Suit | DL-1206 Regular price Rs.22,990 Sale price Rs.14,943 Sold Out Default / Pink - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Twill Linen Suit | DL-1207 Regular price Rs.19,990 Sale price Rs.12,993 Sold Out Default / Yellow - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Velvet Suit | DL-1208 Regular price Rs.22,990 Sale price Rs.14,943 Sold Out Default / Black - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Velvet Suit | DL-1209 Regular price Rs.19,990 Sale price Rs.12,993 Sold Out Default / Grey - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Twill Linen Suit | DL-1210 Regular price Rs.22,990 Sale price Rs.14,943 Sold Out Default / Maroon - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Linen Suit | DL-1211 Regular price Rs.19,990 Sale price Rs.12,993 Sold Out Default / Beige - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Velvet Suit | DL-1212 Regular price Rs.24,990 Sale price Rs.16,243 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Silk Fabric (1Pc) | LF-CH3R1 Rs.14,975 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Silk Fabric (1Pc) | LF-CH2R1 Rs.14,975 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Silk Fabric (1Pc) | LF-CH1R1 Rs.14,975 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Velvet Fabric (1Pc) | LF-CH25-02 Rs.17,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Net Fabric (2Pcs) | LF-902 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.19,200 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Net Fabric (2Pcs) | LF-903 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Net Fabric (2Pcs) | LF-905 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.17,950 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Net Fabric (1Pc) | LF-906 Rs.11,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-913 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.21,200 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-914 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-915 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-918 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.20,450 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-919 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Masoori Fabric (2Pcs) | LF-921 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.17,450 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Masoori Fabric (1Pc) | LF-923 Rs.8,725 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2602-A Rs.9,990 Add to cart Default / A - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2602-B Rs.9,990 Add to cart Default / B - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2603-A Rs.10,290 Add to cart Default / A - Rs.10,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2603-B Rs.10,290 Add to cart Default / B - Rs.10,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2605-A Rs.9,990 Add to cart Default / A - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2605-B Rs.9,990 Add to cart Default / B - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2606-A Rs.9,690 Add to cart Default / A - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2606-B Rs.9,690 Add to cart Default / B - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2607-B Rs.10,290 Add to cart Default / B - Rs.10,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2608-A Rs.9,690 Add to cart Default / A - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2608-B Rs.9,690 Add to cart Default / B - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2609-A Rs.9,990 Add to cart Default / A - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2609-B Rs.9,990 Add to cart Default / B - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2610-A Rs.9,690 Add to cart Default / A - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2610-B Rs.9,690 Add to cart Default / B - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Chiffon Saree | BD-3001 Rs.42,290 Add to cart Default / Pink - Rs.42,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | BD-3003 Rs.39,990 Add to cart Default / Maroon - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | BD-3004 Rs.39,990 Add to cart Default / Black - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | BD-2901 Regular price Rs.41,490 Sale price Rs.29,043 Add to cart Default / Blue - Rs.29,043 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | BD-2906 Regular price Rs.41,490 Sale price Rs.29,043 Add to cart Default / Green - Rs.29,043 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Cotton Satin Suit | CST-802 Regular price Rs.25,990 Sale price Rs.16,893 Add to cart Default / Purple - Rs.16,893 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Cotton Satin Suit | CST-806 Regular price Rs.24,990 Sale price Rs.16,243 Add to cart Default / Black - Rs.16,243 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Cotton Satin Suit | CST-810 Regular price Rs.24,990 Sale price Rs.16,243 Add to cart Default / Brown - Rs.16,243 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Cotton Satin Suit | CST-811 Regular price Rs.24,990 Sale price Rs.16,243 Add to cart Default / Green - Rs.16,243 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.28,490 Sale price Rs.21,367 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.10,990 Sale price Rs.8,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.28,490 Sale price Rs.18,518 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.53,990 Sale price Rs.43,192 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,990 Sale price Rs.18,392 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Suit Regular price Rs.9,490 Sale price Rs.7,592 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.53,990 Sale price Rs.37,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.54,990 Sale price Rs.38,493 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Velvet Suit Regular price Rs.16,990 Sale price Rs.10,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Linen Suit Regular price Rs.11,990 Sale price Rs.5,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Net Suit Regular price Rs.14,490 Sale price Rs.8,694 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Poly Organza Suit Regular price Rs.14,990 Sale price Rs.10,493 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.14,490 Sale price Rs.13,041 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit Regular price Rs.23,990 Sale price Rs.14,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit Regular price Rs.10,990 Sale price Rs.6,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Velvet Suit Regular price Rs.56,990 Sale price Rs.39,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Linen Suit Regular price Rs.28,490 Sale price Rs.14,245 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Slub Khaddar Suit Rs.6,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Silk Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Organza Suit Rs.10,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Silk Suit Rs.9,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Suit Rs.7,590 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Rs.7,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Dobby Lawn Suit Rs.13,390 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Rs.10,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit Rs.12,390 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Paper Cotton Jacquard Suit Rs.12,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,990 Sale price Rs.14,943 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,990 Sale price Rs.16,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.28,990 Sale price Rs.21,742 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,990 Sale price Rs.15,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,990 Sale price Rs.17,543 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,990 Sale price Rs.20,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.19,990 Sale price Rs.12,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.16,290 Sale price Rs.11,403 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Net Fabric (2Pcs) | LF-801 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.21,700 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Net Fabric (2Pcs) | LF-802 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Lawn Fabric (3Pcs) | LF-806 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.16,000 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-807 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.16,200 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-810 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.15,350 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-811 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-817 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.18,200 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-818 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.14,950 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (3Pcs) | LF-819 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.14,650 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (3Pcs) | LF-821 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Poly Net Fabric (3Pcs) | LF-703 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.14,740 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Poly Net Fabric (3Pcs) | LF-704 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.14,853 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Poly Net Fabric (2Pcs) | LF-705 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Poly Net Fabric (2Pcs) | LF-706 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Poly Net Fabric (2Pcs) | LF-707 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.20,700 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Poly Net Fabric (1Pc) | LF-708 Rs.13,725 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Organza Fabric (1Pc) | LF-709 Rs.14,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Organza Fabric (1Pc) | LF-710 Rs.14,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Organza Fabric (2Pcs) | LF-711 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.11,950 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Organza Fabric (2Pcs) | LF-712 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Organza Fabric (1Pc) | LF-715 Rs.7,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Chiffon Fabric (1Pc) | LF-716 Rs.11,225 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-717 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-718 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-719 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-720 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Chiffon Fabric (2Pcs) | LF-722 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.17,700 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Chiffon Fabric (2Pcs) | LF-724 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Chiffon Fabric (1Pc) | LF-725 Rs.12,475 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Zari Net Fabric (2Pcs) | LF-727 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view M.Luxe Fabrics LF-301-Ice Blue Rs.7,225 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Unstitched | LF-601 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.12,200 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Unstitched Shirt | LF-620-S Rs.11,725 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2503-B Regular price Rs.9,990 Sale price Rs.8,491 Add to cart Default / B - Rs.8,491 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2504-A Regular price Rs.9,990 Sale price Rs.8,491 Add to cart Default / A - Rs.8,491 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2509-A Regular price Rs.10,290 Sale price Rs.8,746 Add to cart Default / A - Rs.8,746 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2509-B Regular price Rs.10,290 Sale price Rs.8,746 Add to cart Default / B - Rs.8,746 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | ELS-25-01 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.27,600 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | ELS-25-04 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Jacquard Lawn Suit | ELS-25-05 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.28,400 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | ELS-25-07 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Organza Suit | ELS-25-09 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | ELS-25-10 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Paper Cotton Suit | DS-2501-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.28,290 Sale price Rs.25,461 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | DS-2503-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2503-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2504-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.28,890 Sale price Rs.26,001 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Paper Cotton Suit | DS-2505-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Paper Cotton Suit | DS-2505-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2508-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2508-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Paper Cotton Suit | DS-2510-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.27,490 Sale price Rs.24,741 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | DS-2511-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2511-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2512-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2512-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Dobby Lawn Suit | DS-2513-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2514-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | DS-2514-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Dobby Lawn Suit | DS-2515-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit Rs.7,590 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.8,990 Sale price Rs.6,293 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit Regular price Rs.8,790 Sale price Rs.5,713 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Suit Rs.8,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.14,990 Sale price Rs.11,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Zari Net Suit Regular price Rs.13,490 Sale price Rs.8,768 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Suit Regular price Rs.8,790 Sale price Rs.5,713 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Regular price Rs.12,990 Sale price Rs.8,443 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Regular price Rs.12,990 Sale price Rs.9,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Rs.9,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Organza Suit Rs.11,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Poly Organza Suit Rs.11,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Poly Net Suit Rs.13,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-803 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.17,100 Sale price Rs.13,680 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-804 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,510 Sale price Rs.13,745 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-805 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.14,200 Sale price Rs.11,360 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-808 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.36,850 Sale price Rs.14,675 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-809 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Lawn Fabric (3Pcs) | LF-812 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.16,850 Sale price Rs.15,252 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (2Pcs) | LF-813 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.19,950 Sale price Rs.12,955 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (2Pcs) | LF-814 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Embroidered Lawn Fabric (3Pcs) | LF-815 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,700 Sale price Rs.12,355 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Lawn Fabric (3Pcs) | LF-816 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,860 Sale price Rs.14,475 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Chiffon Fabric (1Pc) | LF-820 Regular price Rs.11,475 Sale price Rs.9,180 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Poly Net Fabric (1Pc) | LF-701 Regular price Rs.14,975 Sale price Rs.10,480 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jacquard Kurta .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.4,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jacquard Kurta Rs.3,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Jacquard Kurta Rs.4,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Jacquard Kurta Rs.3,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Yarn Dyed Kurta Rs.4,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Self Dobby Kurta .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,490 Sale price Rs.4,392 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Dobby Kurta Regular price Rs.3,490 Sale price Rs.2,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Natural Karandi Waistcoat Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Blended Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.10,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Tropical Black Waistcoat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.15,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Blended Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Piece Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.14,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Natural Karandi Waistcoat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Blended Midnight Waistcoat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Blended Indigo Waistcoat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Cotton Kurta .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.7,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Yarn Dyed Kurta .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.5,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Off-White Waistcoat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.14,990 Sale price Rs.11,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,990 Sale price Rs.7,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Waistcoat White GTS-W23-14 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,990 Sale price Rs.6,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kurta Off White GTS-W23-08 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Kurta White GTS-W23-03 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-101 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.52,500 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-102 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.50,200 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-103 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-104 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-105 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-106 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.53,500 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-107 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Chiffon Suit | MCS-25-108 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
M.Luxe Unstitched | LF-610 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.13,700 Sale price Rs.10,960 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Unstitched Shirt | LF-614-S Regular price Rs.11,725 Sale price Rs.8,205 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Unstitched | LF-609 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.13,200 Sale price Rs.10,560 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Purple LF-525 Regular price Rs.14,225 Sale price Rs.9,960 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Fabrics Pink LF-401 Regular price Rs.11,225 Sale price Rs.8,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Golden LF-501 Regular price Rs.13,225 Sale price Rs.7,935 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Green LF-504 Regular price Rs.13,225 Sale price Rs.7,935 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Unstitched | LF-605 Regular price Rs.8,975 Sale price Rs.7,180 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics White LF-514 Regular price Rs.6,975 Sale price Rs.4,885 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Unstitched | LF-607 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,665 Sale price Rs.7,732 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Peach LF-503 Regular price Rs.13,225 Sale price Rs.7,935 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Unstitched | LF-611 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,475 Sale price starting from Rs.2,430 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Fabrics Navy Blue LF-409 Regular price Rs.13,725 Sale price Rs.10,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Organza Fabric (2Pcs) | LF-714 Regular price Rs.9,975 Sale price Rs.7,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Fabrics Maroon LF-403 Regular price Rs.8,725 Sale price Rs.6,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Pink LF-524 Regular price Rs.14,225 Sale price Rs.9,960 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Maroon LF-507 Regular price Rs.9,975 Sale price Rs.6,980 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Pink LF-517 Regular price Rs.8,975 Sale price Rs.6,280 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Botel Green LF-502 Regular price Rs.13,225 Sale price Rs.9,255 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Organza Fabric (2Pcs) | LF-713 Regular price Rs.9,975 Sale price Rs.6,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Purple LF-523 Regular price Rs.14,225 Sale price Rs.9,960 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics LF-323-Aqua Regular price Rs.9,975 Sale price Rs.5,985 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics LF-203-A-Mint Green Regular price Rs.6,975 Sale price Rs.5,580 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Apple Green LF-519 Regular price Rs.13,225 Sale price Rs.9,255 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Embroidered Zari Net Fabric (2Pcs) | LF-726 Regular price Rs.14,975 Sale price Rs.11,980 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Zari Net Fabric (1Pc) | LF-731 Regular price Rs.14,975 Sale price Rs.10,480 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
M.Luxe Fabrics Mustard LF-404 Regular price Rs.8,225 Sale price Rs.6,580 .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics LF-203-B-Lime Yellow Regular price Rs.6,975 Sale price Rs.5,580 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Chiffon Fabric (1Pc) | LF-723 Regular price Rs.12,475 Sale price Rs.8,730 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Zari Net Fabric (1Pc) | LF-728 Regular price Rs.13,725 Sale price Rs.9,605 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Zari Net Fabric (1Pc) | LF-729 Regular price Rs.14,975 Sale price Rs.10,480 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics LF-204-B-Maroon Regular price Rs.6,225 Sale price Rs.4,980 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view M.Luxe Fabrics Orange LF-508 Regular price Rs.9,975 Sale price Rs.6,980 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Velvet Fabric (1Pc) | LF-733 Regular price Rs.14,975 Sale price Rs.11,980 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Poly Net Fabric (1Pc) | LF-702 Regular price Rs.13,725 Sale price Rs.9,605 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Chiffon Saree | BDS-3001 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.61,700 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit | BDS-3004 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.59,300 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit | BDS-3006 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Velvet Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.48,990 Sale price Rs.29,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.60,990 Sale price Rs.36,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Silk Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.40,990 Sale price Rs.32,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.52,990 Sale price Rs.37,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.47,990 Sale price Rs.33,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.55,990 Sale price Rs.39,193 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.49,990 Sale price Rs.39,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.37,990 Sale price Rs.26,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.52,990 Sale price Rs.31,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.53,490 Sale price Rs.42,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.62,990 Sale price Rs.50,392 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.39,990 Sale price Rs.27,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sultana Bridal Set Rs.39,990 Add to cart Default / Green - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gehna Bridal Set Rs.42,990 Add to cart Default / Pink - Rs.42,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gehna Bridal Set Rs.42,990 Add to cart Default / Green - Rs.42,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aurangabadi Tikka Rs.3,590 Add to cart Default / Gold - Rs.3,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sahiba Tikka Rs.3,990 Add to cart Default / Pink - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sahiba Tikka Rs.3,990 Add to cart Default / Green - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Tikka Rs.3,990 Add to cart Default / Red - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Tikka Rs.3,990 Add to cart Default / Gold - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Bridal Set Rs.39,990 Add to cart Default / Pink - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Bridal Set Rs.39,990 Add to cart Default / Green - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sahiba Bridal Set Rs.42,990 Add to cart Default / Pink - Rs.42,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sahiba Bridal Set Rs.42,990 Add to cart Default / Green - Rs.42,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Malika Bridal Set Rs.42,990 Add to cart Default / Multi - Rs.42,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Bridal Set Rs.34,990 Add to cart Default / Red - Rs.34,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Bridal Set Rs.32,990 Add to cart Default / Gold - Rs.32,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zulaykha Mala Rs.24,990 Add to cart Default / Gold - Rs.24,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aurangabadi Jhoomar Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Jhoomar Rs.8,990 Add to cart Default / Red - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mahraani Jhoomar Rs.8,990 Add to cart Default / Gold - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Tikka Rs.3,990 Add to cart Default / Pink - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Tikka Rs.3,990 Add to cart Default / Green - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sultana Tikka Rs.3,990 Add to cart Default / Pink - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sultana Tikka Rs.3,990 Add to cart Default / Green - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Malika Tikka Rs.4,990 Add to cart Default / Multi - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gehna Tikka Rs.5,290 Add to cart Default / Pink - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gehna Tikka Rs.5,290 Add to cart Default / Green - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Jhoomar Rs.9,990 Add to cart Default / Pink - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gauhar Jhoomar Rs.9,990 Add to cart Default / Green - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Malika Jhoomar Rs.10,990 Add to cart Default / Multi - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Jacquard Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Dyed Dobby Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,690 Sale price Rs.11,345 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Suit Black Co-ord set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,690 Sale price Rs.4,014 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shirt Black .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,890 Sale price Rs.3,534 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarinae Earrings Rs.6,990 Add to cart Default / White - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zamora Earrings Rs.14,990 Add to cart Default / Blue - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zartara Studs Rs.4,990 Add to cart Default / Green - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Peavera Studs Rs.3,490 Add to cart Default / Blue - Rs.3,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Crysara Earrings Rs.5,990 Add to cart Default / Blue - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Crysara Earrings Rs.5,990 Add to cart Default / Green - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zyris Earrings Rs.6,990 Add to cart Default / Purple - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Twisra Earrings Rs.9,490 Add to cart Default / White - Rs.9,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onyzaar Earrings Rs.7,990 Add to cart Default / Green - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onyzaar Earrings Rs.7,990 Add to cart Default / Purple - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Emerzeen Earrings Rs.5,990 Add to cart Default / Green - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chandiva Earrings Rs.10,990 Add to cart Default / Pink - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noormel Earrings Rs.7,490 Add to cart Default / Yellow - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zamora Earrings Rs.14,990 Add to cart Default / Yellow - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulreen Earrings Rs.12,990 Add to cart Default / Multi - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elowen Studs Rs.4,990 Add to cart Default / Gold - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Snovia Studs Rs.2,990 Add to cart Default / White - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Peavera Studs Rs.3,490 Add to cart Default / Pink - Rs.3,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Petalara Studs Rs.5,490 Add to cart Default / Green - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Rosavi Studs Rs.7,490 Add to cart Default / White - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zartara Studs Rs.4,990 Add to cart Default / Gold - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarflora Studs Rs.3,990 Add to cart Default / Red - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarflora Studs Rs.3,990 Add to cart Default / Gold - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zinnara Studs Rs.3,990 Add to cart Default / Peach - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zinnara Studs Rs.3,990 Add to cart Default / Green - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sylvora Studs Rs.5,490 Add to cart Default / Multi - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mehtara Studs Rs.7,990 Add to cart Default / Green - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mehtara Studs Rs.7,990 Add to cart Default / Blue - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.3,490 Add to cart Default / Purple - Rs.3,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dahlia Earrings Rs.4,990 Add to cart Default / Pink - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Minimalist Studs Rs.3,290 Add to cart Default / Blue - Rs.3,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Minimalist Studs Rs.3,290 Add to cart Default / Green - Rs.3,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onyx Studs Rs.5,990 Add to cart Default / Green - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Cotton Suit Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Embroidered Blended Suit Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Blended Suit Rs.8,860 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Blended Suit Rs.7,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Blended Suit Rs.7,460 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Blended Peach Waistcoat Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Blended Labradorite Waistcoat Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Cotton Suit Regular price Rs.7,990 Sale price Rs.6,392 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elzari Set Rs.12,990 Add to cart Default / White - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulnoor Set Rs.32,990 Add to cart Default / Multi - Rs.32,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Rajphool Set Rs.32,990 Add to cart Default / Multi - Rs.32,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sirin Necklace Set Rs.26,990 Add to cart Default / Green - Rs.26,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Set Rs.19,990 Add to cart Default / Green - Rs.19,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Set Rs.20,990 Add to cart Default / Green - Rs.20,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Set Rs.22,990 Add to cart Default / Multi - Rs.22,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Set Rs.26,990 Add to cart Default / Multi - Rs.26,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sirin Necklace Set Rs.26,990 Add to cart Default / Pink - Rs.26,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Stud Earrings & Ring Set Regular price Rs.11,990 Sale price Rs.9,592 Add to cart Default / Purple - Rs.9,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Stud Earrings & Ring Set Regular price Rs.11,990 Sale price Rs.9,592 Add to cart Default / Green - Rs.9,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Set Rs.13,990 Add to cart Default / Multi - Rs.13,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Set Rs.10,290 Add to cart Default / Gold - Rs.10,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Set Rs.19,990 Add to cart Default / Red - Rs.19,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.6,790 Sale price Rs.4,074 Add to cart Default / White - Rs.4,074 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.5,790 Sale price Rs.3,474 Add to cart Default / Gold - Rs.3,474 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.5,790 Sale price Rs.3,474 Add to cart Default / White - Rs.3,474 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | MPS-2604-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.15,690 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | MPS-2605-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2606-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.15,350 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | MPS-2607-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.15,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit | MPS-2608-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2608-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2609-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2609-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2610-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Lawn Suit | MPS-2610-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2501-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.15,690 Sale price Rs.13,336 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit | MPS-2501-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2502-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2503-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Riwaayat Anklet Rs.4,990 Add to cart Default / Green - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Amaira Anklet Rs.5,990 Add to cart Default / Multi - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Leaf Anklet Rs.6,990 Add to cart Default / Multi - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Naaz Anklet Rs.2,990 Add to cart Default / Multi - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearl Anklet Rs.3,490 Add to cart Default / White - Rs.3,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Anklet Rs.4,990 Add to cart Default / White - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Anklet Rs.7,990 Add to cart Default / Green - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Anklet Rs.2,690 Add to cart Default / Gold - Rs.2,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Anklet Rs.3,690 Add to cart Default / Green - Rs.3,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Anklet Rs.3,690 Add to cart Default / Gold - Rs.3,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JAN-W23-01-Emerald Green Rs.3,690 Add to cart Default / Green - Rs.3,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JAN-W23-02-Gold Rs.2,690 Add to cart Default / Gold - Rs.2,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Eyewear | MSG-W23-10 Regular price Rs.3,490 Sale price Rs.3,141 Add to cart Default / Default - Rs.3,141 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Eyewear | MSG-W23-8 Regular price Rs.3,490 Sale price Rs.3,141 Add to cart Default / Default - Rs.3,141 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Eyewear | MSG-W23-5 Regular price Rs.2,990 Sale price Rs.2,691 Add to cart Default / Default - Rs.2,691 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit | MPS-2503-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2504-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2510-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2510-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Printed Lawn Suit | MPS-2513-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.15,390 Sale price Rs.13,081 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit | MPS-2514-A .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Mintzara Tikka Rs.5,990 Add to cart Default / Green - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shahzaara Tikka Rs.2,190 Add to cart Default / Multi - Rs.2,190 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mintzara Tikka Rs.5,990 Add to cart Default / Blue - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zirvela Tikka Rs.4,290 Add to cart Default / White - Rs.4,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zirvela Tikka Rs.4,290 Add to cart Default / Green - Rs.4,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulshara Tikka Rs.3,990 Add to cart Default / Yellow - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Meherpoth Tikka Rs.9,990 Add to cart Default / Gold - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nurul Tikka Rs.2,290 Add to cart Default / Pink - Rs.2,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nurul Tikka Rs.2,290 Add to cart Default / Multi - Rs.2,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Matha Patti Rs.15,990 Add to cart Default / White - Rs.15,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chand Tikka Rs.11,990 Add to cart Default / Multi - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Floral Drop Jhoomar Regular price Rs.11,990 Sale price Rs.9,592 Add to cart Default / Green - Rs.9,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nesma Tikka Regular price Rs.7,990 Sale price Rs.6,392 Add to cart Default / Green - Rs.6,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nesma Tikka Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chand Tikka Regular price Rs.10,990 Sale price Rs.8,792 Add to cart Default / White - Rs.8,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Raisa Tikka Rs.2,990 Add to cart Default / Blue - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Raisa Tikka Rs.2,990 Add to cart Default / Gold - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Floral Drop Jhoomar Regular price Rs.11,990 Sale price Rs.9,592 Add to cart Default / White - Rs.9,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Heritage Jhoomar Regular price Rs.14,990 Sale price Rs.11,992 Add to cart Default / Multi - Rs.11,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Heritage Jhoomar Rs.13,990 Add to cart Default / Pink - Rs.13,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Matha Patti Regular price Rs.15,990 Sale price Rs.12,792 Add to cart Default / Green - Rs.12,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Regular price Rs.10,990 Sale price Rs.8,792 Add to cart Default / Green - Rs.8,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Rs.14,990 Add to cart Default / Pink - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Matha Patti Regular price Rs.20,990 Sale price Rs.16,792 Add to cart Default / Gold - Rs.16,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Matha Patti Regular price Rs.15,990 Sale price Rs.12,792 Add to cart Default / White - Rs.12,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Delyra-B Rs.250,000 Add to cart Default / Green - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Auriah Rs.250,000 Add to cart Default / Gold - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nivara Rs.220,000 Add to cart Default / White - Rs.220,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Delyra Rs.325,000 Add to cart Default / Green - Rs.325,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ravelle Rs.280,000 Add to cart Default / Black - Rs.280,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Oriona Rs.550,000 Add to cart Default / Pink - Rs.550,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elanissa Rs.245,000 Add to cart Default / Green - Rs.245,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Seravee Rs.250,000 Add to cart Default / Blue - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lunessa Rs.199,000 Add to cart Default / Grey - Rs.199,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ombressa Rs.230,000 Add to cart Default / Grey - Rs.230,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Velvra Rs.160,000 Add to cart Default / Black - Rs.160,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Solyra Rs.270,000 Add to cart Default / Beige - Rs.270,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ophera Rs.170,000 Add to cart Default / Pink - Rs.170,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mumtaz Mahal Rs.310,000 Add to cart Default / Default - Rs.310,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Begum Jahanara Rs.250,000 Add to cart Default / Default - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Roshanara Begum .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); starting from Rs.299,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nawab Jan Rs.275,000 Add to cart Default / Default - Rs.275,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shahzadi Khanum Rs.199,000 Add to cart Default / Default - Rs.199,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noor Jahan Rs.350,000 Add to cart Default / Default - Rs.350,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zeenat-un-Nisa Rs.215,000 Add to cart Default / Default - Rs.215,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zamrood Ara Rs.185,000 Add to cart Default / Default - Rs.185,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bibi Sultana Rs.299,000 Add to cart Default / Default - Rs.299,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hur-ul-Nisa Rs.225,000 Add to cart Default / Default - Rs.225,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Malika Jahan Rs.739,000 Add to cart Default / Default - Rs.739,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Alora Rs.330,000 Add to cart Default / Default - Rs.330,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearla Rs.230,000 Add to cart Default / Default - Rs.230,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Irem Rs.400,000 Add to cart Default / Default - Rs.400,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Milan Rs.275,000 Add to cart Default / Default - Rs.275,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Freya Rs.250,000 Add to cart Default / Default - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Wosr Rs.375,000 Add to cart Default / Default - Rs.375,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elle Rs.240,000 Add to cart Default / Default - Rs.240,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elfesya Rs.525,000 Add to cart Default / Default - Rs.525,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Manar Rs.550,000 Add to cart Default / Default - Rs.550,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Orit Rs.515,000 Add to cart Default / Default - Rs.515,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pazit Rs.165,000 Add to cart Default / Default - Rs.165,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chashmona Rs.225,000 Add to cart Default / Default - Rs.225,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Harleen Rs.200,000 Add to cart Default / Default - Rs.200,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Navjot Rs.230,000 Add to cart Default / Default - Rs.230,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Avani Rs.155,000 Add to cart Default Title - Rs.155,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kavya Rs.215,000 Add to cart Default / Default - Rs.215,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Intisar Rs.230,000 Add to cart Default / Default - Rs.230,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sarolta Rs.225,000 Add to cart Default / Default - Rs.225,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ketifa Rs.235,000 Add to cart Default / Default - Rs.235,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Xarina Rs.285,000 Add to cart Default / Default - Rs.285,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Seraphin Rs.400,000 Add to cart Default / Default - Rs.400,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulnur Rs.285,000 Add to cart Default / Default - Rs.285,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sera Rs.325,000 Add to cart Default / Default - Rs.325,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Amaia Rs.250,000 Add to cart Default / Default - Rs.250,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chansia Mala Rs.23,990 Add to cart Default / Red - Rs.23,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Melzira Pendant Rs.6,990 Add to cart Default / Purple - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Melzira Pendant Rs.6,990 Add to cart Default / Green - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zirelle Pendant Rs.8,990 Add to cart Default / Green - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarqana Mala Rs.23,990 Add to cart Default / Green - Rs.23,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Carve Pendant Rs.8,990 Add to cart Default / Green - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Victorian Pendant Rs.9,990 Add to cart Default / Pink - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Victorian Pendant Rs.9,990 Add to cart Default / White - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chatham Charm Pendant Rs.10,990 Add to cart Default / Multi - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulzeb Pendant Regular price Rs.9,990 Sale price Rs.7,992 Add to cart Default / Green - Rs.7,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Emaya Pendant Rs.12,990 Add to cart Default / Pink - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulzeb Pendant Rs.9,990 Add to cart Default / Red - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mala Rs.17,990 Add to cart Default / Gold - Rs.17,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kundan Mala Rs.10,990 Add to cart Default / Green - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Carve Pendant Rs.8,990 Add to cart Default / Red - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bow Pendant Rs.8,990 Add to cart Default / Blue - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kundan Mala Rs.10,990 Add to cart Default / Pink - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pendant Regular price Rs.16,990 Sale price Rs.13,592 Add to cart Default / Blue - Rs.13,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pendant Rs.12,990 Add to cart Default / Gold - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pendant Rs.6,490 Add to cart Default / Multi - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pendant Rs.6,990 Add to cart Default / Blue - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pendant Rs.6,990 Add to cart Default / Pink - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mala Regular price Rs.22,990 Sale price Rs.18,392 Add to cart Default / Pink - Rs.18,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mala Regular price Rs.22,990 Sale price Rs.18,392 Add to cart Default / Green - Rs.18,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Rs.6,490 Add to cart Default / Green - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Rs.13,990 Add to cart Default / Multi - Rs.13,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Rs.15,990 Add to cart Default / Green - Rs.15,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mala Rs.18,990 Add to cart Default / Green - Rs.18,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace Rs.7,590 Add to cart Default / Multi - Rs.7,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mala Rs.7,490 Add to cart Default / Green - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Solana .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.125,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dareen .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.150,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mariella .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.99,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ifora .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.149,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mabel .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dahlia .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.85,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Helene .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.89,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Rozanne .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Adaliz .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Clutch | MBG-W24-10 Rs.18,990 Add to cart Default / Gold - Rs.18,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-06 Rs.18,990 Add to cart Default / White - Rs.18,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Box Clutch | MBG-S25-03 Rs.7,490 Add to cart Default / Green - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Box Clutch | MBG-S25-03 Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Box Clutch | MBG-S25-03 Rs.7,490 Add to cart Default / Blue - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Box Clutch | MBG-S25-03 Rs.7,990 Add to cart Default / Brown - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Midi Tote | MBG-S25-07 Rs.9,990 Add to cart Default / Grey - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Midi Tote | MBG-S25-07 Rs.9,990 Add to cart Default / Black - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mini Hobo | MBG-S25-06 Rs.8,490 Add to cart Default / Grey - Rs.8,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mini Hobo | MBG-S25-06 Rs.8,490 Add to cart Default / Green - Rs.8,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nano Tote | MBG-S25-05 Rs.10,490 Add to cart Default / Black - Rs.10,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Weave Bag | MBG-S25-04 Rs.9,990 Add to cart Default / Black - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Weave Bag | MBG-S25-04 Rs.9,990 Add to cart Default / Yellow - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Vintage Clutch | MBG-S25-02 Rs.6,490 Add to cart Default / Green - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Woven Tote | MBG-S25-01 Rs.11,990 Add to cart Default / Yellow - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Woven Tote | MBG-S25-01 Rs.11,990 Add to cart Default / Beige - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-08 Rs.16,990 Add to cart Default / Brown - Rs.16,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-05 Rs.12,990 Add to cart Default / White - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-04 Rs.10,990 Add to cart Default / White - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Mini Bag | MBG-W24-17 Rs.14,490 Add to cart Default / White - Rs.14,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-15 Rs.12,990 Add to cart Default / White - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-13 Rs.11,990 Add to cart Default / Pink - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-11 Rs.16,990 Add to cart Default / Gold - Rs.16,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-11 Regular price Rs.16,990 Sale price Rs.15,291 Add to cart Default / Black - Rs.15,291 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-09 Rs.11,990 Add to cart Default / Gold - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-07 Rs.14,990 Add to cart Default / Black - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-05 Rs.12,990 Add to cart Default / Gold - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-05 Regular price Rs.11,990 Sale price Rs.10,791 Add to cart Default / Blue - Rs.10,791 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-03 Regular price Rs.13,990 Sale price Rs.12,591 Add to cart Default / Pink - Rs.12,591 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-02 Regular price Rs.11,990 Sale price Rs.10,791 Add to cart Default / Gold - Rs.10,791 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-02 Rs.11,990 Add to cart Default / Black - Rs.11,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Clutch | MBG-W24-01 Rs.12,990 Add to cart Default / White - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bag | MBG-S24-3 Rs.5,490 Add to cart Default / White - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bag | MBG-S24-10 Regular price Rs.8,990 Sale price Rs.8,091 Add to cart Default / Blue - Rs.8,091 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MBG-W23-13 Blue Rs.18,590 Add to cart Default / Blue - Rs.18,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MBG-W23-5 Metallic Grey Rs.9,490 Add to cart Default / Grey - Rs.9,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MBG-W23-17 Black Rs.18,590 Add to cart Default / Black - Rs.18,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MBG-W23-13 Silver Regular price Rs.18,590 Sale price Rs.16,731 Add to cart Default / White - Rs.16,731 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MBG-W23-11 Black Rs.10,990 Add to cart Default / Black - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
View Collection
ENQUIRE NOW
+92 332 4122262
Quick view 3 Piece Embroidered Pashmina Wool Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.24,990 Sale price Rs.12,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Pearl Cortez Regular price Rs.5,490 Sale price Rs.3,843 Add to cart 100ML / Default - Rs.3,843 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.20,990 Sale price Rs.10,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,990 Sale price Rs.13,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Self Jacquard Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,990 Sale price Rs.15,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.9,990 Sale price Rs.7,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Dobby Lawn Suit Regular price Rs.8,990 Sale price Rs.4,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.7,990 Sale price Rs.5,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Pearl Abalone Regular price Rs.5,490 Sale price Rs.3,843 Add to cart 100ML / Default - Rs.3,843 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Pearl Coral Regular price Rs.5,490 Sale price Rs.4,392 Add to cart 100ML / Default - Rs.4,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.11,990 Sale price Rs.8,393 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Polyester Net Suit Regular price Rs.13,990 Sale price Rs.9,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.21,990 Sale price Rs.17,592 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Lawn Suit Regular price Rs.11,990 Sale price Rs.7,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Polyester Net Suit Regular price Rs.11,990 Sale price Rs.8,393 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.6,990 Sale price Rs.5,592 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,990 Sale price Rs.11,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,990 Sale price Rs.14,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.12,990 Sale price Rs.9,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Lawn Suit Regular price Rs.9,490 Sale price Rs.5,694 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.12,990 Sale price Rs.7,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.11,990 Sale price Rs.7,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Leafra Bangle Rs.8,990 Add to cart Default / Blue - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarona Churi Rs.7,990 Add to cart Default / Pink - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aarva Bracelet Rs.4,490 Add to cart Default / Gold - Rs.4,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zirisse Bracelet Rs.7,490 Add to cart Default / Pink - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aariza Bracelet Rs.12,990 Add to cart Default / Pink - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Leafra Bangle Rs.8,990 Add to cart Default / Green - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Inas Bangle Rs.8,990 Add to cart Default / Multi - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearl Petal Bangle Rs.6,990 Add to cart Default / Multi - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Idhal Bracelet .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Primrose Bracelet .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.9,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lotuscharm Bracelet Rs.8,990 Add to cart Default / Multi - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Duskstar Bracelet Rs.3,990 Add to cart Default / White - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,990 Sale price Rs.6,392 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet Rs.9,990 Add to cart Default / Multi - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lotuscharm Bracelet Rs.8,990 Add to cart Default / Yellow - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Classic Kundan Bracelet Rs.5,590 Add to cart Default / Multi - Rs.5,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Petal Bliss Bracelet .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.10,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.10,990 Sale price Rs.8,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Bangle Regular price Rs.20,990 Sale price Rs.16,792 Add to cart Default / Green - Rs.16,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,490 Sale price Rs.6,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Regular price Rs.7,990 Sale price Rs.6,392 Add to cart Default / Green - Rs.6,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Regular price Rs.16,990 Sale price Rs.13,592 Add to cart Default / Green - Rs.13,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.8,990 Add to cart Default / Green - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet Rs.8,090 Add to cart Default / Green - Rs.8,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.19,990 Add to cart Default / Red - Rs.19,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Regular price Rs.7,590 Sale price Rs.6,072 Add to cart Default / Pink - Rs.6,072 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Regular price Rs.7,590 Sale price Rs.6,072 Add to cart Default / Blue - Rs.6,072 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Rs.8,990 Add to cart Default / Pink - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Churi Rs.8,990 Add to cart Default / Green - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet Rs.8,990 Add to cart Default / Blue - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.8,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Regular price Rs.20,990 Sale price Rs.16,792 Add to cart Default / Pink - Rs.16,792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.6,290 Add to cart Default / Blue - Rs.6,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.12,590 Add to cart Default / White - Rs.12,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.9,490 Add to cart Default / Pink - Rs.9,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Regular price Rs.9,490 Sale price Rs.6,643 Add to cart Default / Green - Rs.6,643 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.14,990 Sale price Rs.8,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,490 Sale price Rs.18,792 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,990 Sale price Rs.21,592 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.21,990 Sale price Rs.13,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.24,990 Sale price Rs.14,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.20,990 Sale price Rs.12,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,990 Sale price Rs.16,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Polyester Net Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.21,990 Sale price Rs.10,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,490 Sale price Rs.15,894 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.27,990 Sale price Rs.16,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,990 Sale price Rs.13,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,490 Sale price Rs.17,617 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,990 Sale price Rs.17,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,490 Sale price Rs.17,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,990 Sale price Rs.19,492 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sylvana .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.198,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Resmin .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.145,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Fayruz .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.245,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Uffra .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.199,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sarai .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.210,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zehrin .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Widad .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.120,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Oriel .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.155,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Oriana .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ishtar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.175,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Roza .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.195,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shyla .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Gulsum .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Mehrinoz .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.299,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sevara .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.212,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pinar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Diyora .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.249,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nyra .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.209,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chantrea .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Shireen .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Navera .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.165,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Iyla .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.139,000 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nura .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view MARIA B. Couture Deep Red MC-910 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.99,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Maria B. Couture Pale Pink MC-909 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.84,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Maria B. Couture Ice Blue MC-908 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.84,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MARIA B. Couture Deep Red MC-907 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.199,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Maria B. Couture Ivory Gold MC-906 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.144,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Maria B. Couture Mustard Yellow MC-905 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.119,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view MARIA B. Couture Powder Pink MC-902 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.179,900 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Twisted Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Cluster Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.2,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Wrapped Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Bloom Ring Rs.2,990 Add to cart Default / Pink - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lotus Ring Rs.2,990 Add to cart Default / Gold - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Mughal Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.4,290 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aurelia Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.4,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dome Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,290 Sale price Rs.3,432 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Havva Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.3,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.3,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Baroque Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.1,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cubic Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Pearline Ring Regular price Rs.3,990 Sale price Rs.3,192 Add to cart Default / Gold - Rs.3,192 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Regular price Rs.4,490 Sale price Rs.3,592 Add to cart Default / Gold - Rs.3,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Regular price Rs.4,590 Sale price Rs.3,672 Add to cart Default / Blue - Rs.3,672 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.2,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.3,390 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.5,590 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,090 Add to cart Default / Green - Rs.2,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,390 Add to cart Default / Blue - Rs.2,390 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,390 Add to cart Default / Red - Rs.2,390 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,390 Add to cart Default / Gold - Rs.2,390 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,490 Add to cart Default / Off White - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,090 Add to cart Default / Red - Rs.2,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,390 Add to cart Default / Green - Rs.2,390 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.5,090 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.3,690 Add to cart Default / Multi - Rs.3,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,590 Add to cart Default / White - Rs.2,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.49,990 Sale price Rs.29,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.46,990 Sale price Rs.28,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.27,890 Sale price Rs.13,945 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.50,990 Sale price Rs.35,693 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.46,990 Sale price Rs.32,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.40,290 Sale price Rs.20,145 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.49,990 Sale price Rs.34,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.36,690 Sale price Rs.29,352 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.33,090 Sale price Rs.23,163 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.50,990 Sale price Rs.30,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Frock .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.44,190 Sale price Rs.30,933 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.38,990 Sale price Rs.23,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Printed Pure Charmeuse Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.29,990 Sale price Rs.17,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.34,990 Sale price Rs.24,493 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.38,990 Sale price Rs.27,293 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.45,990 Sale price Rs.32,193 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.36,890 Sale price Rs.25,823 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.49,490 Sale price Rs.34,643 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Create account
Quick view P-Melody Rs.6,490 Add to cart 100ML / Default - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Sonnet Rs.6,490 Add to cart 100ML / Default - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Symphony Rs.6,490 Add to cart 100ML / Default - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Sand Rs.6,990 Add to cart 100ML / Default - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Dune Rs.6,990 Add to cart 100ML / Default - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Oasis Rs.6,990 Add to cart 100ML / Default - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Serenade Rs.2,990 Add to cart 30ML / Default - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Lavelle Rs.2,990 Add to cart 30ML / Default - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Aurelia Rs.2,990 Add to cart 30ML / Default - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Rose Rush Rs.6,990 Add to cart 100ML / Default - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Midnight Bloom Regular price Rs.6,990 Sale price Rs.5,592 Add to cart 100ML / Default - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Flower Bomb Rs.6,990 Add to cart 100ML / Default - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Joy Rs.7,490 Add to cart Default / Default - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Eternity Regular price Rs.7,490 Sale price Rs.5,992 Add to cart Default / Default - Rs.5,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Dream Regular price Rs.7,490 Sale price Rs.5,992 Add to cart Default / Default - Rs.5,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Opal Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Onyx Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Lavender Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Blush Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Orchid Rs.4,990 Add to cart 65ML / Default - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Garnet Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Jade Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Gaia Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Amethyst Rs.1,890 Add to cart 30ML / Default - Rs.1,890 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Amber Rs.2,490 Add to cart 30ML / Default - Rs.2,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Dahlia Rs.4,990 Add to cart 65ML / Default - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view P-Nagoya Rs.4,990 Add to cart 65ML / Default - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-903A Regular price Rs.4,490 Sale price Rs.3,592 Add to cart Default / Blue - Rs.3,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-910B Regular price Rs.5,790 Sale price Rs.4,632 Add to cart Default / Pink - Rs.4,632 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-912A Regular price Rs.5,290 Sale price Rs.4,232 Add to cart Default / Yellow - Rs.4,232 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-909B Regular price Rs.5,790 Sale price Rs.4,632 Add to cart Default / Yellow - Rs.4,632 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-904B Regular price Rs.4,990 Sale price Rs.3,992 Add to cart Default / Black - Rs.3,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-910A Regular price Rs.5,790 Sale price Rs.4,632 Add to cart Default / Blue - Rs.4,632 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-902A Regular price Rs.4,990 Sale price Rs.3,992 Add to cart Default / Yellow - Rs.3,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-901A Regular price Rs.5,790 Sale price Rs.4,632 Add to cart Default / Black - Rs.4,632 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-906A Regular price Rs.5,290 Sale price Rs.4,232 Add to cart Default / Green - Rs.4,232 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lunara Rs.780,000 Add to cart Default / Default - Rs.780,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Izumi Rs.875,000 Add to cart Default / Default - Rs.875,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shanaar Rs.800,000 Add to cart Default / Default - Rs.800,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Solin Rs.600,000 Add to cart Default / Default - Rs.600,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Minerva Rs.620,000 Add to cart Default / Default - Rs.620,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nigarbano Rs.860,000 Add to cart Default / Default - Rs.860,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dhuha Rs.650,000 Add to cart Default / Default - Rs.650,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zarin Rs.675,000 Add to cart Default / Default - Rs.675,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Liliana Rs.725,000 Add to cart Default / Default - Rs.725,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ruzena Rs.750,000 Add to cart Default / Default - Rs.750,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Elanor Rs.850,000 Add to cart Default Title - Rs.850,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jahanara Rs.725,000 Add to cart Default Title - Rs.725,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Nessa Rs.675,000 Add to cart Default Title - Rs.675,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Malika Rs.975,000 Add to cart Default Title - Rs.975,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Miral Rs.875,000 Add to cart Default Title - Rs.875,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Yasm Rs.850,000 Add to cart Default Title - Rs.850,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Inara Rs.645,000 Add to cart Default Title - Rs.645,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sarena Rs.650,000 Add to cart Default Title - Rs.650,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Feray Rs.640,000 Add to cart Default Title - Rs.640,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Fareesia Rs.675,000 Add to cart Default / Default - Rs.675,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Zoryana Rs.710,000 Add to cart Default / Default - Rs.710,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Azalea Rs.785,000 Add to cart Default / Default - Rs.785,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Alara Rs.775,000 Add to cart Default / Default - Rs.775,000 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.18,990 Sale price Rs.12,343 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.27,990 Sale price Rs.18,193 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.26,990 Sale price Rs.20,242 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.23,490 Sale price Rs.15,268 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.27,990 Sale price Rs.20,992 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.25,490 Sale price Rs.19,117 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.22,990 Sale price Rs.17,242 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Home
Printed
Solids
Embroidered
Fall Comes Home - Fall' 25
Lawn' 25
Festive Winter' 24
Winter' 24
Tops and Dresses
Co-ord Set
Winters
Shirts & Pishwas
Suits
Casuals
West
Scarf/Dupatta
Sunglasses
Shoes
Headbands
Featured
Juniors
.cls-1, .cls-2 { fill: none; stroke: #000; stroke-width: 10px; } .cls-2 { fill-rule: evenodd; } Log in
New Arrivals
Continue shopping
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.11,990 Sale price Rs.7,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Piece Printed Lawn Suit Regular price Rs.6,990 Sale price Rs.4,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.9,990 Sale price Rs.5,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Linen Suit Regular price Rs.13,990 Sale price Rs.6,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Organza Suit Regular price Rs.13,990 Sale price Rs.9,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Jamawar Suit Regular price Rs.12,990 Sale price Rs.7,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Net Suit Regular price Rs.16,990 Sale price Rs.10,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Dobby Jacquard Suit Regular price Rs.8,990 Sale price Rs.4,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Dyed Cambric Suit Regular price Rs.10,490 Sale price Rs.6,294 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.10,290 Sale price Rs.6,174 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Poly Organza Suit Regular price Rs.13,990 Sale price Rs.11,192 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Polyester Net Suit Regular price Rs.13,990 Sale price Rs.9,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Lawn Suit Regular price Rs.8,290 Sale price Rs.4,974 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Raw Silk Suit Regular price Rs.13,990 Sale price Rs.11,192 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Satin Suit Regular price Rs.11,990 Sale price Rs.8,393 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Dobby Lawn Suit Regular price Rs.8,990 Sale price Rs.5,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Poly Organza Suit Regular price Rs.14,590 Sale price Rs.11,672 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Velvet Suit Regular price Rs.15,990 Sale price Rs.9,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Suit Regular price Rs.9,990 Sale price Rs.6,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.5,890 Sale price Rs.4,123 Add to cart Default / Grey - Rs.4,123 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.2,990 Sale price Rs.2,093 Add to cart Default / Pink - Rs.2,093 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.2,490 Sale price Rs.1,743 Add to cart Default / Gold - Rs.1,743 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,590 Sale price Rs.2,513 Add to cart Default / Blue - Rs.2,513 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.4,590 Sale price Rs.3,213 Add to cart Default / Pink - Rs.3,213 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.2,990 Sale price Rs.2,093 Add to cart Default / Green - Rs.2,093 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet Regular price Rs.3,990 Sale price Rs.3,591 Add to cart Default / Default - Rs.3,591 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.4,090 Sale price Rs.2,863 Add to cart Default / Green - Rs.2,863 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,990 Sale price Rs.4,491 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,290 Sale price Rs.2,303 Add to cart Default / Gold - Rs.2,303 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Egyptian Studs Regular price Rs.4,990 Sale price Rs.3,992 Add to cart Default / Green - Rs.3,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,590 Sale price Rs.2,513 Add to cart Default / Green - Rs.2,513 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,990 Sale price Rs.3,493 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,990 Sale price Rs.2,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,290 Sale price Rs.2,303 Add to cart Default / Multi - Rs.2,303 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.3,590 Sale price Rs.3,231 Add to cart Default / Default - Rs.3,231 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Florence Studs Regular price Rs.6,990 Sale price Rs.5,592 Add to cart Default / Blue - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Blue - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,990 Sale price Rs.2,793 Add to cart Default / Blue - Rs.2,793 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.4,990 Sale price Rs.3,992 Add to cart Default / White - Rs.3,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.7,290 Sale price Rs.5,103 Add to cart Default / Blue - Rs.5,103 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,990 Sale price Rs.2,793 Add to cart Default / Gold - Rs.2,793 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,990 Sale price Rs.2,993 Add to cart Default / Green - Rs.2,993 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.6,990 Sale price Rs.4,893 Add to cart Default / Gold - Rs.4,893 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.6,990 Sale price Rs.5,592 Add to cart Default / Pink - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Regular price Rs.17,990 Sale price Rs.14,392 Add to cart Default / Blue - Rs.14,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.7,590 Sale price Rs.5,313 Add to cart Default / Green - Rs.5,313 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.3,990 Sale price Rs.2,793 Add to cart Default / Pink - Rs.2,793 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.8,990 Sale price Rs.7,192 Add to cart Default / Green - Rs.7,192 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.5,490 Sale price Rs.4,392 Add to cart Default / Green - Rs.4,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.6,990 Sale price Rs.5,592 Add to cart Default / Green - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Regular price Rs.4,990 Sale price Rs.3,493 Add to cart Default / Green - Rs.3,493 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Florence Studs Regular price Rs.6,990 Sale price Rs.5,592 Add to cart Default / Green - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Twirl Studs Regular price Rs.6,990 Sale price Rs.5,592 Add to cart Default / Gold - Rs.5,592 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
http://www.tcscouriers.com/pk/tracking/default.aspx
Celebrate every occasion with Maria.B.’ s Unstitched Mbroidered Edition’ 25
Unstitched Luxury Lawn’ 25 by Maria.B: A Celebration of Style and Sophistication
A Timeless Collection for Every Women: Unstitched M.Prints Spring Summer Edition’ 25
Where Tradition meets Contemporary Charm: Unstitched M.Prints Winter Edit’ 24
Get Inspired by Wahaj Ali and Durefishan: Unstitched Winter Luxe’ 24
The Art of Embellishment: Maria.B.’ s Unstitched Mbroidered Wedding Edition’ 24
The Art of Occasion Wear: Maria.B.’ s Unstitched Sateen Collection Revealed
The Dynamic Artistry: Maria.B.’s M.Prints Pre-fall Edition’ 24
Ethereal Enchantment: Maria.B.’s Unstitched Chiffon Edition
A tribute to Palestinians who inspired us with their resilience
Fall Allure & Glamour - A Dive into Pre-Fall Luxury!
Timeless Treasures: Unveiling Maria.B.’s Bridal Collection’ 24
Celebrate Eid-Ul-Adha with Maria.B.
A Celebration of Elegance: Maria.B.’ s Eid Collection’ 24
Lawn Majesty: Maria.B.’ s Breathtaking Luxury Lawn Edition’ 24
7 Essentials You Need This Wedding Season
E-Receipts: Environment Sustainability with Maria.B.
Timeless Elegance with Mbroidered: Maria B’s Captivating Embroidered Collection
Effortless Chic: Experience M.Basics West
Linen in Vogue by Ayeza Khan and Wahaj Ali
Maria B. Launching Spectacular Unstitched M.Prints Collection Soon! Something to Look Forward to This Fall.
2
Next
Stockist store locator
view
Quick view Earrings Rs.7,290 Add to cart Default / White - Rs.7,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.5,090 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,990 Sale price Rs.5,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-002- Champagne Regular price Rs.5,290 Sale price Rs.4,232 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.3,390 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Chaand Taara Earrings Rs.7,290 Sold Out Default / Brown - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Glister Earrings Rs.6,990 Add to cart Default / White - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.9,990 Add to cart Default / Purple - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-002- Sky Blue Rs.5,290 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hollow Hoops Rs.5,990 Add to cart Default / Green - Rs.5,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.10,490 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JBN-005 Gold and Green Rs.8,890 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JBN-012-Gold Regular price Rs.14,090 Sale price Rs.9,863 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.8,890 Add to cart Default / Green - Rs.8,890 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Kundan Halo Bangle Rs.11,990 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.10,990 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-W23-07-Multi Color Rs.2,890 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Rs.5,290 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.2,890 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Rs.3,290 Add to cart Default / White - Rs.3,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.4,290 Add to cart Default / Black - Rs.4,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.4,990 Add to cart Default / Black - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Dyeable PK Raw Silk Trouser
Quick view Tikka Regular price Rs.9,990 Sale price Rs.7,992 Add to cart Default / Grey - Rs.7,992 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Rs.5,890 Add to cart Default / Red - Rs.5,890 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace JML-001-Blue Rs.7,890 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.6,990 Add to cart Default / Green - Rs.6,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JTK-011-Gold and White Rs.5,290 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JBN-001-White Rs.8,390 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.14,090 Add to cart Default / Gold - Rs.14,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-001-Golden and Green Regular price Rs.3,690 Sale price Rs.2,952 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-022-White and Gold Regular price Rs.3,490 Sale price Rs.2,443 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.2,790 Sold Out Default / Red - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JER-025-White Regular price Rs.5,890 Sale price Rs.4,712 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JST-002-White Regular price Rs.5,790 Sale price Rs.2,316 Sold Out Default - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-014 Gold and Pearl Regular price Rs.3,190 Sale price Rs.2,233 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JER-W23-19-Sapphire Blue Rs.8,990 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-W23-01-Gold Rs.3,590 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelet Rs.10,990 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JRG-W23-03-Green Tourmaline Rs.3,990 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Rs.8,990 Add to cart Default / Gold - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.9,490 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.4,590 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Set Rs.18,990 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring Rs.4,590 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view JER-030 Red Chatham and Gold Regular price Rs.7,990 Sale price Rs.5,593 Sold Out Default / Gold - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.8,890 Add to cart Default / Gold - Rs.8,890 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.3,990 Add to cart Default / Pink - Rs.3,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Studs Rs.6,990 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.9,990 Sold Out Default / Red - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Shirts
2 Piece
Chat with fashion consultant
+92 332 4122 262
click here.
Quick view 3 Piece Embroidered Karandi Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.25,590 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Regular price Rs.12,990 Sale price Rs.10,392 Add to cart Default / Green - Rs.10,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.9,990 Sold Out Default / Multi - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
End of Season Sale
Quick view 2 Pc Printed Karandi Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.6,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Twill Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Printed Khaddar Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Khaddar Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Printed Dobby Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Linen Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Khaddar Suit | MB-USPW24-509B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.5,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Arabic Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.6,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Cambric Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.7,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Printed Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,490 Sale price Rs.4,543 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Printed Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.14,990 Sale price Rs.10,493 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Ripstop Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,990 Sale price Rs.4,193 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Ripstop Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,990 Sale price Rs.6,293 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Textured Cotton Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,490 Sale price Rs.3,143 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Textured Cotton Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Slub Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Printed Lurex Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Lawn Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,490 Sale price Rs.3,843 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Jacquard Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,990 Sale price Rs.4,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Textured Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,990 Sale price Rs.4,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Khaddar Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Brochia Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,490 Sale price Rs.3,894 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Printed Slub Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Printed Brochia Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,990 Sale price Rs.5,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Brochia Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,990 Sale price Rs.2,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Self Pinstripe Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,490 Sale price Rs.2,694 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,490 Sale price Rs.3,294 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Brochia Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Slub Lawn Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,490 Sale price Rs.4,494 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Cotton Viscose Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,290 Sale price Rs.1,603 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Dobby Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,990 Sale price Rs.2,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Cotton Viscose Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,990 Sale price Rs.1,393 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Cambric Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,490 Sale price Rs.1,743 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Cambric Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Viscose Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,490 Sale price Rs.1,494 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Dobby Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Viscose Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,790 Sale price Rs.1,674 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Viscose Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,990 Sale price Rs.1,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Cambric Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,990 Sale price Rs.2,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Cambric Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Dobby Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,490 Sale price Rs.2,094 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,490 Sale price Rs.1,245 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Khaddar Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Khaddar Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,290 Sale price Rs.1,145 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Cambric Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Cambric Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,990 Sale price Rs.1,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,690 Sale price Rs.1,345 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,190 Sale price Rs.1,095 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 501-A Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 501-B Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 502-A Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 502-B Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 503-A Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 503-B Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 504-A Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 504-B Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 505-A Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 505-B Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 506-A Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 506-B Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 507-A Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 507-B Regular price Rs.5,990 Sale price Rs.4,792 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 508-A Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 508-B Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 509-A Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 509-B Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 510-A Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Khaddar Suit | 510-B Regular price Rs.5,690 Sale price Rs.4,552 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Marina Twill Suit | 511-A Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Marina Twill Suit | 511-B Regular price Rs.6,490 Sale price Rs.5,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 512-A Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Printed Linen Suit | 512-B Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-01A Rs.5,490 Add to cart Default / Pink - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-01B Rs.5,490 Add to cart Default / Grey - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-02A Rs.5,490 Add to cart Default / Blue - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-02B Rs.5,490 Add to cart Default / Green - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-03A Rs.5,290 Add to cart Default / Beige - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-03B Rs.5,290 Add to cart Default / Black - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-04A Rs.4,990 Add to cart Default / Green - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-04B Rs.4,990 Add to cart Default / Pink - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-05A Rs.4,990 Add to cart Default / Grey - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-05B Rs.4,990 Add to cart Default / Red - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-06A Rs.5,290 Add to cart Default / Grey - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-06B Rs.5,290 Add to cart Default / Brown - Rs.5,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-07A Rs.5,490 Add to cart Default / White - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-07B Rs.5,490 Add to cart Default / Grey - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-08A Rs.5,490 Add to cart Default / Brown - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-08B Rs.5,490 Add to cart Default / Black - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-09A Rs.5,490 Add to cart Default / Black - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-09B Rs.5,490 Add to cart Default / Blue - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-10A Rs.4,990 Add to cart Default / Blue - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Arabic Lawn Suit | MB-PFUS25-10B Rs.4,990 Add to cart Default / Red - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-708B Rs.4,790 Add to cart Default / B - Rs.4,790 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Twill Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Cotton Dobby Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Alpine Wool Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Dobby Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Textured Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Yarn dyed Kaftan .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,990 Sale price Rs.4,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Dobby Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.11,990 Sale price Rs.8,393 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Cambric Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Dobby Viscose Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Zari Stripes Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.12,990 Sale price Rs.9,093 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Lurex Mukaish Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.10,990 Sale price Rs.7,693 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Lurex Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,490 Sale price Rs.5,943 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Slub Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Crosshatch Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.13,990 Sale price Rs.9,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Dobby Cotton Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,790 Sale price Rs.2,653 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Lurex Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Mesh Lurex Dots Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Karandi Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Karandi Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Dobby Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.15,990 Sale price Rs.11,193 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Lurex Cotton Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Cotton Lurex Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Linen Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Lurex Texture Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Self Textured Dobby Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Two Tone Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-901B Regular price Rs.5,790 Sale price Rs.4,632 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-902B Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / Beige - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-903B Regular price Rs.4,490 Sale price Rs.3,592 Sold Out Default / Maroon - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-904A Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-905A Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / Beige - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-905B Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-906B Regular price Rs.5,290 Sale price Rs.4,232 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-907A Regular price Rs.5,790 Sale price Rs.4,632 Sold Out Default / Red - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-907B Regular price Rs.5,790 Sale price Rs.4,632 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-908A Regular price Rs.5,290 Sale price Rs.4,232 Sold Out Default / Pink - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Lawn Suit | MB-CUS25-908B Regular price Rs.5,290 Sale price Rs.4,232 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-909A Regular price Rs.5,790 Sale price Rs.4,632 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-911A Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / Maroon - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-911B Regular price Rs.4,990 Sale price Rs.3,992 Sold Out Default / White - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Embroidered Slub Lawn Suit | MB-CUS25-912B Regular price Rs.5,290 Sale price Rs.4,232 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Suede Double Breasted Coat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.13,990 Sale price Rs.6,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Puffer Vest .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,990 Sale price Rs.3,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Slim Fit Pants .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,990 Sale price Rs.2,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Relaxed Straight Pants .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Teddy Coat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.15,990 Sale price Rs.7,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Suede Trench Coat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view High Collar Coat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.17,990 Sale price Rs.8,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Basic Wool Coat .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.16,990 Sale price Rs.8,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sweater Co-Ord Set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.11,990 Sale price Rs.5,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sleeveless Long Cardigan .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,490 Sale price Rs.2,745 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Waffle Set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,990 Sale price Rs.3,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ribbed Co-ord Set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Relaxed Hoodie Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Relaxed Hoodie Set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Textured Knitted Scarf Regular price Rs.3,090 Sale price Rs.1,854 Add to cart Default / Grey - Rs.1,854 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Textured Knitted Scarf Regular price Rs.3,090 Sale price Rs.1,854 Add to cart Default / Brown - Rs.1,854 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Textured Knitted Scarf Regular price Rs.3,090 Sale price Rs.1,854 Add to cart Default / Black - Rs.1,854 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Puffer Jacket .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.10,990 Sale price Rs.6,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Turtle Neck Sweater (Free Size) Regular price Rs.4,190 Sale price Rs.2,514 Add to cart Free Size / Blue - Rs.2,514 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearl Sweater (Free Size) Regular price Rs.8,290 Sale price Rs.4,974 Add to cart Free Size / White - Rs.4,974 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Fur Gilet .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.13,990 Sale price Rs.8,394 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.15,990 Sale price Rs.9,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sequin Sweater (Free Size) Regular price Rs.8,290 Sale price Rs.4,974 Add to cart Default / Black - Rs.4,974 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Diamante Sweater (Free Size) Regular price Rs.8,290 Sale price Rs.4,974 Add to cart Default / Grey - Rs.4,974 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Organza Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,490 Sale price Rs.5,094 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Cotton Net Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.12,990 Sale price Rs.7,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Raw Silk Suit | MB-USW24-601 Rs.16,990 Sold Out Default / Black - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Raw Silk Suit | MB-USW24-602 Rs.16,990 Sold Out Default / Maroon - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Raw Silk Suit | MB-USW24-603 Rs.16,990 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Velvet Suit | MB-USW24-604 Rs.15,990 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Velvet Suit | MB-USW24-605 Rs.15,990 Sold Out Default / Maroon - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Velvet Suit | MB-USW24-606 Rs.17,990 Sold Out Default / Green - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Unstitched Dyed Velvet Suit | MB-USW24-607 Rs.17,990 Sold Out Default / Blue - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Bamberg Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Two Tone Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Shimmer Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Georgette Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.18,990 Sale price Rs.13,293 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.19,990 Sale price Rs.13,993 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.17,990 Sale price Rs.12,593 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Bamberg Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.16,990 Sale price Rs.11,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Lurex Pinstripe Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Bemberg Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Raw Silk Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,290 Sale price Rs.1,974 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Raw Silk Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Raw Silk Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Piece Shirt with Culottes pants .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,290 Sale price Rs.5,574 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Piece Embroidered Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Printed Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,890 Sale price Rs.5,934 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Schiffli Co-Ord Set .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Earrings | AER-H24-66 Regular price Rs.3,090 Sale price Rs.2,472 Add to cart Default / Default - Rs.2,472 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-H24-4 Regular price Rs.3,090 Sale price Rs.2,472 Add to cart Default / Default - Rs.2,472 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-H24-11 Regular price Rs.2,590 Sale price Rs.1,943 Add to cart Default / Default - Rs.1,943 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,390 Sale price Rs.1,112 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace | ANL-S24-11 Regular price Rs.2,050 Sale price Rs.1,640 Add to cart Default / Default - Rs.1,640 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelets | ABR-S24-17 Regular price Rs.2,990 Sale price Rs.2,392 Add to cart Default / Default - Rs.2,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelets | ABR-S24-15 Regular price Rs.2,990 Sale price Rs.2,392 Add to cart Default / Default - Rs.2,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelets | ABR-S24-18 Regular price Rs.2,990 Sale price Rs.2,392 Add to cart Default / Default - Rs.2,392 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring | ARG-S24-12 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,190 Sale price Rs.952 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-3 Regular price Rs.1,890 Sale price Rs.1,512 Add to cart Default / Default - Rs.1,512 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-23 Regular price Rs.2,050 Sale price Rs.1,640 Add to cart Default / Default - Rs.1,640 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace | ANL-S24-1 Regular price Rs.3,090 Sale price Rs.2,472 Add to cart Default / Default - Rs.2,472 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring | ARG-S24-10 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-9 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-4 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-17 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-16 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-13 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,090 Sale price Rs.872 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring | ARG-S24-11 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Earrings | AER-S24-49 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ring | ARG-S24-8 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-7 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-6 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-5 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-3 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-2 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Ring | ARG-S24-15 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Necklace | ANL-S24-5 Regular price Rs.1,090 Sale price Rs.872 Add to cart Default / Default - Rs.872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace | ANL-S24-2 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-64 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-19 Regular price Rs.2,050 Sale price Rs.1,640 Add to cart Default / Default - Rs.1,640 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace | ANL-S24-9 Regular price Rs.1,090 Sale price Rs.872 Add to cart Default / Default - Rs.872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-9 Regular price Rs.1,090 Sale price Rs.872 Add to cart Default / Default - Rs.872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-56 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-55 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-51 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-4 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-46 Regular price Rs.1,890 Sale price Rs.1,512 Add to cart Default / Default - Rs.1,512 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-43 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-40 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-32 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-30 Regular price Rs.3,590 Sale price Rs.2,872 Add to cart Default / Default - Rs.2,872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-24 Regular price Rs.1,890 Sale price Rs.1,512 Add to cart Default / Default - Rs.1,512 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-15 Regular price Rs.1,890 Sale price Rs.1,512 Add to cart Default / Default - Rs.1,512 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelets | ABR-S24-1 Regular price Rs.2,590 Sale price Rs.2,072 Add to cart Default / Default - Rs.2,072 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-63 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-60 Regular price Rs.1,090 Sale price Rs.872 Add to cart Default / Default - Rs.872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Khaddar Jacquard Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Dyed Twill Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Alpine Wool Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Seersucker Suit | MB-CS25-43-B .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Rib Karandi Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Yarn Dyed Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Alpine Wool Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Arabic Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Seersucker Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Textured Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Twill Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Linen Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,490 Sale price Rs.2,443 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Yarn Dyed Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Lawn Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Textured Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Dyed Textured Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Textured Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Solid Jersey Jumpsuit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,490 Sale price Rs.2,245 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,990 Sale price Rs.2,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Textured Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,990 Sale price Rs.1,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cape shawl Green .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,290 Sale price Rs.2,574 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Suit Blue .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Suit Orange .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Shirt Burgundy .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,190 Sale price Rs.2,514 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cape shawl Grey .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Shirt Ecru .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,390 Sale price Rs.2,695 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shirt Maroon .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,890 Sale price Rs.2,945 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shirt Pink .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Boxy Fit T-Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,190 Sale price Rs.1,314 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Wide-Leg Jeans .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Cropped Wide-Leg Jeans .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Straight-Leg Jeans .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Belt Striped Tunic Regular price Rs.5,990 Sale price Rs.3,594 Add to cart Free Size / Yellow - Rs.3,594 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Belt Striped Tunic Regular price Rs.5,990 Sale price Rs.3,594 Add to cart Free Size / Grey - Rs.3,594 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Flutter Sleeve Dress Regular price Rs.6,990 Sale price Rs.4,194 Add to cart Free Size / Orange - Rs.4,194 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Long Button Down Shirt Dress Regular price Rs.3,490 Sale price Rs.2,094 Add to cart Free Size / White - Rs.2,094 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Striped Button-Down Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Large Hobo | ABG-H24-5 Regular price Rs.4,690 Sale price Rs.3,752 Add to cart Default / Blue - Rs.3,752 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Classic Handbag | ABG-H24-4 Regular price Rs.4,690 Sale price Rs.3,752 Add to cart Default / Grey - Rs.3,752 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cut Out Tote | ABG-H24-2 Regular price Rs.4,690 Sale price Rs.3,752 Add to cart Default / White - Rs.3,752 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cut Out Tote | ABG-H24-2 Regular price Rs.4,690 Sale price Rs.3,752 Add to cart Default / Black - Rs.3,752 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Braided Canvas Tote | ABG-S24-7 Regular price Rs.4,190 Sale price Rs.3,352 Add to cart Default / Blue - Rs.3,352 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Cut Out Tote | ABG-S24-2 Regular price Rs.4,690 Sale price Rs.3,752 Add to cart Default / Black - Rs.3,752 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Classic Handbag | ABG-W23-4 Regular price Rs.4,190 Sale price Rs.2,933 Add to cart Default / Beige - Rs.2,933 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Quilted Crossbody | ABG-W23-6 Regular price Rs.3,990 Sale price Rs.2,793 Add to cart Default / White - Rs.2,793 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Ripstop Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embellished Silk Dupatta Regular price Rs.3,490 Sale price Rs.2,443 Add to cart Default / White - Rs.2,443 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Textured Voile Dupatta Regular price Rs.3,290 Sale price Rs.2,303 Add to cart Default / Green - Rs.2,303 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Bamber Chiffon Dupatta Regular price Rs.3,990 Sale price Rs.2,394 Add to cart Default / Pink - Rs.2,394 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Textured Voile Dupatta Regular price Rs.3,490 Sale price Rs.2,094 Add to cart Default / Yellow - Rs.2,094 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Textured Voile Dupatta Regular price Rs.3,490 Sale price Rs.2,094 Add to cart Default / Red - Rs.2,094 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Textured Voile Dupatta Regular price Rs.3,490 Sale price Rs.2,094 Add to cart Default / Beige - Rs.2,094 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Twill Shawl Regular price Rs.3,490 Sale price Rs.1,745 Add to cart Default / Blue - Rs.1,745 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Twill Shawl Regular price Rs.2,990 Sale price Rs.1,495 Add to cart Default / Black - Rs.1,495 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Eggshell Ankle Boots .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.7,290 Sale price Rs.5,103 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Long Patent Chain Boots .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,190 Sale price Rs.4,333 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lace Boots .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.4,190 Sale price Rs.2,933 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-1 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-W23-7 Regular price Rs.1,590 Sale price Rs.954 Add to cart Default / Default - Rs.954 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-16 Regular price Rs.1,390 Sale price Rs.1,112 Add to cart Default / Default - Rs.1,112 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClip | AHB-S24-7 Regular price Rs.690 Sale price Rs.552 Add to cart Default / Default - Rs.552 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-14 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Khaddar Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Piece Embroidered Dobby Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,290 Sale price Rs.4,974 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shirt Printed .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,790 Sale price Rs.2,274 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Khaddar Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Lawn Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Lawn Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Ripstop Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.8,990 Sale price Rs.4,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Arabic Lawn Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Herringbone Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,990 Sale price Rs.4,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.6,490 Sale price Rs.3,245 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Viscose Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Crosshatch Slub Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Sunglasses | ASG-S24-1 Regular price Rs.2,050 Sale price Rs.1,640 Add to cart Default / Default - Rs.1,640 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sunglasses | ASG-S24-19 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sunglasses | ASG-S24-29 Regular price Rs.3,090 Sale price Rs.2,472 Add to cart Default / Default - Rs.2,472 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Vintage Oval Sunglasses | ASG-W23-9 Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Default - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Vintage Oval Sunglasses | ASG-W23-8 Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Default - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Square Cut Sunglasses | ASG-W23-7 Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Default - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Square Cut Sunglasses | ASG-W23-3 Regular price Rs.2,590 Sale price Rs.1,813 Add to cart Default / Default - Rs.1,813 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Square Sunglasses | ASG-W23-14 Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Default - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Wayfarer Sunglasses | ASG-W23-12 Regular price Rs.3,090 Sale price Rs.2,163 Add to cart Default / Default - Rs.2,163 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-11 Regular price Rs.990 Sale price Rs.792 Add to cart Default / Default - Rs.792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-10 Regular price Rs.690 Sale price Rs.552 Add to cart Default / Default - Rs.552 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-9 Regular price Rs.690 Sale price Rs.552 Add to cart Default / Default - Rs.552 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClip | AHB-S24-8 Regular price Rs.690 Sale price Rs.552 Add to cart Default / Default - Rs.552 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClip | AHB-S24-6 Regular price Rs.990 Sale price Rs.792 Add to cart Default / Default - Rs.792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClip | AHB-S24-5 Regular price Rs.990 Sale price Rs.792 Add to cart Default / Default - Rs.792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-4 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-3 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-2 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-13 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband | AHB-S24-12 Regular price Rs.1,190 Sale price Rs.952 Add to cart Default / Default - Rs.952 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClips Set Regular price Rs.1,590 Sale price Rs.1,113 Add to cart Default / Default - Rs.1,113 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband Regular price Rs.1,190 Sale price Rs.833 Add to cart Default / Default - Rs.833 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband Regular price Rs.1,590 Sale price Rs.1,113 Add to cart Default / Default - Rs.1,113 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband Regular price Rs.1,390 Sale price Rs.973 Add to cart Default / Default - Rs.973 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband Regular price Rs.1,390 Sale price Rs.973 Add to cart Default / Default - Rs.973 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Hairband Regular price Rs.1,090 Sale price Rs.763 Add to cart Default / Default - Rs.763 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Sequin Hairband Regular price Rs.1,390 Sale price Rs.973 Add to cart Default / Default - Rs.973 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view HairClip Regular price Rs.1,090 Sale price Rs.763 Add to cart Default / Default - Rs.763 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Shirt Pink MBK-EA23-21 Regular price Rs.3,090 Sale price Rs.1,545 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 1 Piece - Khaddar Shirt | MB-US23-201-A Regular price Rs.1,490 Sale price Rs.1,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 1 Piece - Khaddar Shirt | MB-US23-201-B Regular price Rs.1,490 Sale price Rs.1,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 1 Piece - Khaddar Shirt | MB-US23-205-A Regular price Rs.1,490 Sale price Rs.1,192 Sold Out Default / A - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 1 Piece - Khaddar Shirt | MB-US23-205-B Regular price Rs.1,490 Sale price Rs.1,192 Sold Out Default / B - Sold Out .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Dobby Suit Regular price Rs.7,990 Sale price Rs.4,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Jacquard Suit | MB-F23-208 Regular price Rs.9,590 Sale price Rs.5,754 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Jacquard Viscose Suit Regular price Rs.6,990 Sale price Rs.4,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Karandi Suit Regular price Rs.5,490 Sale price Rs.2,745 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Karandi Suit Regular price Rs.6,490 Sale price Rs.3,894 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Khaddar Suit Regular price Rs.5,990 Sale price Rs.2,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Linen Suit Regular price Rs.6,990 Sale price Rs.3,495 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Seersucker Suit Regular price Rs.5,990 Sale price Rs.3,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Slub Lawn Suit Regular price Rs.6,990 Sale price Rs.4,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Textured Cotton Suit Regular price Rs.7,990 Sale price Rs.4,794 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Twill Suit Regular price Rs.5,990 Sale price Rs.2,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Velvet Suit Regular price Rs.10,990 Sale price Rs.7,693 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Velvet Suit Regular price Rs.11,990 Sale price Rs.5,995 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Wool Suit Regular price Rs.6,490 Sale price Rs.3,245 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Bamberg Raw Silk Suit Regular price Rs.13,990 Sale price Rs.9,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Bamberg Raw Silk Suit Regular price Rs.16,990 Sale price Rs.11,893 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Embroidered Bamberg Raw Silk Suit Regular price Rs.10,990 Sale price Rs.7,693 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Silver Bracelet Regular price Rs.2,050 Sale price Rs.1,435 Add to cart Default / Default - Rs.1,435 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gold Bracelet Regular price Rs.2,050 Sale price Rs.1,435 Add to cart Default / Default - Rs.1,435 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Long Chain Necklace Regular price Rs.1,390 Sale price Rs.973 Add to cart Default / Default - Rs.973 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-27 Regular price Rs.1,890 Sale price Rs.1,512 Add to cart Default / Default - Rs.1,512 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Black Earrings Regular price Rs.1,590 Sale price Rs.1,113 Add to cart Default / Default - Rs.1,113 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearl Necklace Regular price Rs.2,050 Sale price Rs.1,435 Add to cart Default / Default - Rs.1,435 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Flower Ring | ARG-W23-12 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,390 Sale price Rs.973 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-39 Regular price Rs.1,090 Sale price Rs.872 Add to cart Default / Default - Rs.872 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Floral Drop Earrings Regular price Rs.2,050 Sale price Rs.1,435 Add to cart Default / Default - Rs.1,435 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Round Hopes Earrings Regular price Rs.1,490 Sale price Rs.1,043 Add to cart Default / Default - Rs.1,043 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Regular price Rs.1,590 Sale price Rs.1,113 Add to cart Default / Default - Rs.1,113 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-11 Regular price Rs.1,590 Sale price Rs.1,272 Add to cart Default / Default - Rs.1,272 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gold Necklace Regular price Rs.2,590 Sale price Rs.1,813 Add to cart Default / Default - Rs.1,813 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Antique Earrings Regular price Rs.2,390 Sale price Rs.1,673 Add to cart Default / Default - Rs.1,673 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings | AER-S24-7 Regular price Rs.2,050 Sale price Rs.1,640 Add to cart Default / Default - Rs.1,640 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gold Ring | ARG-W23-3 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.1,090 Sale price Rs.763 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Leaf Ring | ARG-W23-11 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Gold Ring | ARG-W23-6 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.2,050 Sale price Rs.1,435 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gold Ring | ARG-W23-1 .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Earrings Regular price Rs.1,490 Sale price Rs.1,043 Add to cart Default / Default - Rs.1,043 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Moonstone Earrings Regular price Rs.1,890 Sale price Rs.1,323 Add to cart Default / Default - Rs.1,323 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Necklace | ANL-S24-6 Regular price Rs.990 Sale price Rs.792 Add to cart Default / Default - Rs.792 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Silver Ring | ARG-W23-4 (Free Size) Regular price Rs.1,190 Sale price Rs.833 Add to cart Default / Default - Rs.833 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bracelets | ABR-S24-2 Regular price Rs.2,590 Sale price Rs.2,072 Add to cart Default / Default - Rs.2,072 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Back to Blogs
www.mariab.pk
Quick view Bangle Rs.6,290 Add to cart Default / Red - Rs.6,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.4,790 Add to cart Default / Gold - Rs.4,790 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.6,590 Add to cart Default / Blue - Rs.6,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.5,490 Add to cart Default / Green - Rs.5,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Rs.6,090 Add to cart Default / Gold - Rs.6,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.4,990 Add to cart Default / Green - Rs.4,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.13,090 Add to cart Default / Gold - Rs.13,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Rs.8,090 Add to cart Default / Red - Rs.8,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.10,490 Add to cart Default / Multi - Rs.10,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.9,090 Add to cart Default / Green - Rs.9,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Earrings Rs.6,090 Add to cart Default / Gold - Rs.6,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.6,290 Add to cart Default / Green - Rs.6,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Rs.8,990 Add to cart Default / Gold - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Tikka Rs.6,290 Add to cart Default / Gold - Rs.6,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Bangle Rs.10,090 Add to cart Default / Gold - Rs.10,090 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Jhoomar Rs.12,990 Add to cart Default / Gold - Rs.12,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Silk Prints
Quick view Embroidered Textured Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.3,990 Sale price Rs.2,793 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Ripstop Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Textured Cotton Angrakha .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Khaddar Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Jacquard Viscose Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Lawn Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.9,990 Sale price Rs.5,994 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Dobby Viscose Dress .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.5,990 Sale price Rs.3,594 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Printed Jacquard Viscose Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Slub Lawn Tunic .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Ripstop Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Self Pinstripe Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Printed Arabic Lawn Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Embroidered Twill Shirt .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Karandi Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Organza Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
3 Piece
Footwear
M.Basics Junior
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | EID LAWN-25-03 Rs.18,290 Add to cart Default / Black - Rs.18,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | EID LAWN-25-08 Rs.17,590 Add to cart Default / Brown - Rs.17,590 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | D-2501-A Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / A - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Paper Cotton Suit | D-2501-B Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / B - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2502-B Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / B - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | D-2504-B Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / B - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | D-2506-A Regular price Rs.19,490 Sale price Rs.17,541 Add to cart Default / A - Rs.17,541 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | D-2509-A Regular price Rs.18,890 Sale price Rs.17,001 Add to cart Default / A - Rs.17,001 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
kids
Quick view Lusmera Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.2,190 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearzelle Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Zirra Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Noirvel Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.3,490 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Lurezia Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Chamatki Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Zironyxa Ring .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Zerivy Jhoomar Rs.10,990 Add to cart Default / Multi - Rs.10,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noorpoth Tikka Rs.6,490 Add to cart Default / Gold - Rs.6,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onyrella Studs Rs.4,490 Add to cart Default / Pink - Rs.4,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onyrella Studs Rs.4,490 Add to cart Default / Blue - Rs.4,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Phoolnaaz Jura Pin Rs.14,990 Add to cart Default / Multi - Rs.14,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Onzara Pendant Rs.7,490 Add to cart Default / Red - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulmira Jhoomar Rs.8,990 Add to cart Default / Multi - Rs.8,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Roszir Earrings Rs.3,490 Add to cart Default / Pink - Rs.3,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Pearzique Earrings Rs.7,990 Add to cart Default / Pink - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Noorza Earrings Rs.9,990 Add to cart Default / Green - Rs.9,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Gulbali Earrings Rs.2,990 Add to cart Default / Pink - Rs.2,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Rosani Earrings Rs.7,490 Add to cart Default / Pink - Rs.7,490 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Aarshi Bracelet Rs.7,990 Add to cart Default / Gold - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Ceren Bangle Rs.7,990 Add to cart Default / Pink - Rs.7,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Embroidered Satin Silk Saree .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.37,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Satin Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Unstitched Embroidered Chiffon Suit | BD-3008 Rs.39,990 Add to cart Default / Green - Rs.39,990 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Organza Suit | BD-2902 Regular price Rs.39,490 Sale price Rs.27,643 Add to cart Default / Grey - Rs.27,643 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Raw Silk Suit | BD-2903 Regular price Rs.39,490 Sale price Rs.27,643 Add to cart Default / Purple - Rs.27,643 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Unstitched Embroidered Cotton Satin Suit | CST-803 Regular price Rs.24,990 Sale price Rs.16,243 Add to cart Default / Green - Rs.16,243 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Flutter Sleeve Dress Regular price Rs.6,990 Sale price Rs.4,194 Add to cart Free Size / Purple - Rs.4,194 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2601-A Rs.9,690 Add to cart Default / A - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2601-B Rs.9,690 Add to cart Default / B - Rs.9,690 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Embroidered Lawn Suit | MPT-2607-A Rs.10,290 Add to cart Default / A - Rs.10,290 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2501-A Regular price Rs.9,990 Sale price Rs.8,491 Add to cart Default / A - Rs.8,491 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2514-A Regular price Rs.9,690 Sale price Rs.8,236 Add to cart Default / A - Rs.8,236 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Lawn Suit | MPT-2514-B Regular price Rs.9,690 Sale price Rs.8,236 Add to cart Default / B - Rs.8,236 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Cambric Suit | MPT-2302-B Regular price Rs.9,790 Sale price Rs.6,363 Add to cart Default / B - Rs.6,363 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Unstitched Printed Cambric Suit | MPT-2304-B Regular price Rs.8,790 Sale price Rs.5,713 Add to cart Default / B - Rs.5,713 PKR .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Pc Embroidered Crosshatch Lawn Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Pc Embroidered Lurex Stripe Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 2 Pc Embroidered Jacquard Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Regular price Rs.11,990 Sale price Rs.7,194 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 2 Pc Dyed Filament Viscose Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.2,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Seer Sucker Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.2,290 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Twill Shalwar .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view Dyed Slub Khaddar Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.1,790 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view Dyed Twill Trouser .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
M.Statement
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.59,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Quick view 3 Piece Embroidered Cotton Dobby Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Staple Dobby Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
Quick view 3 Piece Embroidered Staple Raw Silk Suit .individual-option { z-index: 3; display: inline-block; text-align: center; border: 1px solid #fff; line-height: 35px; margin: 0 0 5px; } .individual-option.small-size { height: 25px; width: 25px; line-height: 25px } .individual-option.large-size { height: 45px; width: 45px; line-height: 45px }, .individual-option.rect-design { width: auto; padding-left: 10px; padding-right: 10px } .individual-option.circle-design { border-radius: 50% } .individual-option.rounded-rect-design { border-radius: 5px; padding: 0 5px; width: auto; } .individual-option { color: #162950; border-color: #162950; background-color: #FFFFFF} .individual-option:hover { color: #162950; border-color: #162950; background-color: #F4FFE8} .individual-option.out-of-stock-option { color: #949494; border-color: #949494; background-color: #FFFFFF} .individual-option.out-of-stock-option:hover { color: #949494; border-color: #949494; background-color: #EEEDED} .individual-option.out-of-stock-option:before { visibility: visible; position: absolute; content: ""; left: -6%; top: 50%; right: -5%; border-top: 2px solid #7e7b7b; transform: rotate(-40deg); overflow: hidden; } .swatch-wrap { padding: 0 } .swatch-wrap.Center { text-align: center } .swatch-wrap.Right { text-align: right } .swatch-wrap.Left { text-align: left; } .individual-option.medium-size { height: 35px; width: 35px; line-height: 35px } .individual-option.rect-design.small-size { padding-left: 5px; padding-right: 5px } .individual-option.large-size { font-size: 18px } .individual-option.large-size.rect-design, .individual-option.large-size.rounded-rect-design { min-width: 45px } .individual-option.medium-size.rect-design, .individual-option.medium-size.rounded-rect-design { min-width: 35px } .individual-option.small-size.rect-design, .individual-option.small-size.rounded-rect-design { min-width: 25px } .tooltip-swatch { position: relative; display: inline-block } .strip{ position: relative; display: inline-block; } .tooltip-swatch .tooltip-swatch-text { visibility: hidden; width: 110px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 2px 0; opacity: .8; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -32px } .tooltip-swatch:hover .tooltip-swatch-text { visibility: visible } .tooltip-swatch .tooltip-swatch-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -30px; border-width: 5px; border-style: solid; border-color: #000 transparent transparent transparent } .individual-option { cursor: default } .swatchprimarywrap { visibility: hidden; } .individual-option.medium-size.rounded-rect-design, .individual-option.medium-size.rect-design { width: auto !important } .individual-option.shape { border-radius: 5px; padding: 0 5px; width: auto; } .swatchprimarywrap--postion { position: absolute !important; } .swatchprimarywrap--postion { bottom: -2px !important; } .swatchprimarywrap--postion { left: 36px !important; } .individual-option.size { min-width: 25px; height: 25px; width: 25px; line-height:25px; } console.log("Welcome to Swatch Specialist!!!"); var appislive = false; [].forEach.call(document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; }); document.addEventListener("scroll", function
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.35,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
{ [].forEach.call( document.querySelectorAll(".swatchprimarywrap"), function (el) { el.style.visibility = "visible"; } ); }); Rs.28,990 Add To Cart .grid-product__content .grid-product__title{ width: 75%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right: 0px; top: 12px; width: 25%; opacity: 0; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #000; color: #ffffff; cursor: pointer; font-size: 11px; padding:5px 10px 5px; text-transform: uppercase; border: 0; height: 32px; line-height: 21px; transition: all 0.5s; border-radius:0px; width: 100px; position: relative; &::after { content: ""; background-image: url(https://cdn.shopify.com/s/files/1/0620/8788/9062/files/Screenshot_5_c064ceee-2bb7-4b2b-a603-202015dad7e5.png?v=1723534153); position: absolute; left: 0; top: 0%; right: 0%; bottom: 0; opacity: 0; background-repeat: no-repeat; background-position: center center; width: 90px; border-radius:0px; background-color: #000; } &:hover { background: #000; width: 90px; transition: all 0.5s; padding:5px 10px 7px; &::after { opacity: 1; transition: all 0.5s; } } } @media screen and (min-width: 320px) and (max-width: 767px) { .grid-product__content .grid-product__title{ width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .t4s-product-btns{ position: absolute; right:15px; top: 12px; width: 20px; opacity: 1; transition: all 0.5s; } .grid-product__content:hover .t4s-product-btns{ opacity: 1; transition: all 0.5s; } .btn-1 { background: #fff; color: #ffffff; cursor: pointer; font-size:0px; padding:0; text-transform: uppercase; border: 0; transition: all 0.5s; border-radius:0px; width: 25px; height: 45px; position: relative; &::after { content: ""; background-image:url(//www.mariab.pk/cdn/shop/t/4/assets/cart15.svg?v=73222915947085411231728286235); position: absolute; left: 0; top: -3px; right: 0%; bottom: 0; opacity: 1; background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; border-radius:0px; background-color: #fff; } &:hover { background: #fff; width: 25px; height:25px; transition: all 0.5s; padding:0; &::after { opacity: 1; transition: all 0.5s; } } } }
Explore More
Dive deeper into
mariab.pk
Internal Pages
Referring Domains
Outbound Links
Site Information
Search Another Domain
New Listing
faisalvillas.com.pk
cup.edu.pk
cyber.net.pk
cu.edu.pk