.shop-on-media-card-wrapper,.shop-on-media-card-wrapper .swiper{width:100%}.shop-on-media-card-wrapper .page-width{max-width:1530px}.shop-on-media-card-wrapper .sec-head{display:flex;gap:10px;justify-content:space-between;margin-bottom:48px}.shop-on-media-card-wrapper .shop-box-wrapper{width:100%;margin:0 auto}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box{border-radius:30px;position:relative;flex:1}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec{padding:64px 32px;display:flex;flex-flow:column;gap:40px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .box-title{margin:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts{max-width:433px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p{font-size:32px;font-style:normal;font-weight:400;line-height:130%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p:first-child{margin-top:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p:last-child{margin-bottom:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .btns-wrapper .more-btn{text-align:center;min-width:222px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.media-sec .media-box{border-radius:30px;position:relative;overflow:hidden;display:flex;height:100%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.media-sec .media-box:before{content:"";width:100%;display:flex;padding-bottom:100%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.media-sec .media-box .media{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro{position:absolute;width:16.762px;height:16.762px;border-radius:50%;background:#f6f3ec;outline:#F6F3EC 3.048px solid;outline-offset:3px;z-index:1;cursor:pointer;display:flex;transition:all .5s ease}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box{background:#fff6;-webkit-backdrop-filter:blur(7.61904764175415px);backdrop-filter:blur(7.61904764175415px);display:flex;flex-flow:column;gap:9.14px;padding:12.19px;align-items:flex-start;width:max-content;height:max-content;position:absolute;max-width:217px;visibility:hidden;opacity:0;transition:all .5s ease}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro:hover .popup-box{visibility:visible;opacity:1}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro:hover{background:#1d1d1d;outline:#1D1D1D 3.048px solid}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.top_left{bottom:30px;left:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.top_center{bottom:30px;left:50%;transform:translate(-50%)}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.top_right{bottom:30px;right:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.bottom_left{top:30px;left:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.bottom_center{top:30px;left:50%;transform:translate(-50%)}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box.bottom_right{top:30px;right:0}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box{display:flex;gap:24px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box{width:calc(40% - 14px);display:flex;gap:24px;flex-flow:column}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box+.inner-box{width:calc(60% - 10px)}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .shop-box.content-sec{flex:1}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .shop-box.media-1 .media-box:before{padding-bottom:101.433691756%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .shop-box.media-2 .media-box:before{padding-bottom:83.3726415094%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .shop-box.media-3 .media-box:before{padding-bottom:32.5471698113%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .vendor-name{color:#262626;font-size:20px;font-style:normal;font-weight:400;line-height:140%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title{display:flex;align-items:center;gap:15px;text-decoration:none;font-size:20px;font-style:normal;font-weight:400;line-height:140%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title .icon{flex-shrink:0;align-self:flex-end;margin-bottom:1px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title:hover{color:#f54a1f}.shop-on-media-card-wrapper .swiper-main-wrapper{width:100%;position:relative}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns .btn-arrow{top:50%;bottom:inherit;transform:translateY(-50%)}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns .btn-arrow.swiper-button-prev{left:-68px;right:auto}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns .btn-arrow.swiper-button-next{right:-68px}html[lang=ar] .shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title .icon{transform:rotate(180deg)}@media screen and (max-width:1650px)and (min-width:750px){.shop-on-media-card-wrapper .page-width{max-width:1134px}.shop-on-media-card-wrapper .sec-head{margin-bottom:36px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box{border-radius:22px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec{padding:47px 24px;gap:30px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts{max-width:320px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p{font-size:24px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .btns-wrapper .more-btn{min-width:165px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.media-sec .media-box{border-radius:22px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro{width:12px;height:12px;outline:#F6F3EC 2.25px solid;outline-offset:2px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box{gap:7px;padding:9px;max-width:160px;-webkit-backdrop-filter:blur(5.6px);backdrop-filter:blur(5.6px)}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .vendor-name,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title{font-size:15px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro .popup-box .pro-title{gap:11px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box{gap:18px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box{width:calc(40% - 10px);gap:18px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box+.inner-box{width:calc(60% - 8px)}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns .btn-arrow.swiper-button-prev{left:-50px}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns .btn-arrow.swiper-button-next{right:-50px}}@media screen and (min-width:990px)and (max-width:1300px){.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p{font-size:21px}}@media screen and (min-width:750px)and (max-width:1024px){.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec{padding:35px 24px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p{font-size:19px}}@media screen and (max-width:749px){.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box{flex-direction:column}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box{width:100%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .inner-box+.inner-box{width:100%}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec{padding:32px 16px;gap:24px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts,.shop-on-media-card-wrapper .shop-box-wrapper .shop-box.content-sec .texts p{font-size:24px}.shop-on-media-card-wrapper .btns-wrapper-bottom{margin-top:48px}.shop-on-media-card-wrapper .swiper-main-wrapper .nav-btns{margin-top:24px}.shop-on-media-card-wrapper .shop-box-wrapper .shop-main-box .shop-box.media-3{display:none}.shop-on-media-card-wrapper .shop-box-wrapper .shop-box .popup-pro{top:50%!important;left:50%!important;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-on-media-card.css.map */