@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{direction:rtl;font-family:Cairo,sans-serif;position:relative;transition:all ease-in .2s;overflow-x:hidden}body{overflow-x:hidden;transition:all .4s ease-in-out;padding-top:95px}:root{--main-color:#3084d8;--dark:#16141c;--secondry-color:#f1f1f1;--light:#fff;--semi-black:#16191e}.card a{color:currentColor;text-decoration:none}a{color:currentColor;text-decoration:none}.loader{height:100vh;width:100vw;overflow:hidden;background-color:var(--semi-black);position:fixed;top:0;z-index:2000;transition:all ease-in .2s}.loader div{height:100px;width:100px;border:15px solid #45474b;border-top-color:var(--main-color);position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition:all ease-in .5s;border-radius:50%;animation:spin 1.5s infinite linear}@keyframes spin{100%{transform:rotate(360deg)}}.header-area{position:fixed;top:0;right:0;background:#16141c;width:100%;padding:0 20px;line-height:40px;z-index:999}.header-container{width:100%;margin:auto;display:flex;justify-content:space-between}.site-logo{padding:22px 0;font-size:22px}.site-logo p{color:#fff;text-decoration:none;font-size:24px;font-weight:600;padding:15px;display:inline}.site-logo span{color:var(--main-color)}.site-nav-menu{border:none!important;outline:0!important}.primary-menu{list-style:none}.primary-menu li{display:inline-block;margin:21px 5px}.primary-menu a{color:#fff;position:relative;text-decoration:none;text-transform:uppercase;font-weight:500;letter-spacing:1px;padding:15px 10px;transition:.5s;font-weight:600}.primary-menu a::before{transition:.4s ease-in-out;content:"";position:absolute;top:0;right:-1%;width:0;height:2px;background-color:var(--main-color)}.primary-menu a::after{transition:.4s .2s ease-in-out;content:"";position:absolute;bottom:0;right:-1%;width:0;height:2px;background-color:var(--main-color)}.primary-menu a:hover::before{width:100%}.primary-menu a:hover::after{width:100%}.primary-menu a:hover{background-color:#27242e;transition:.3s .8s;border-left:2px solid var(--main-color);border-right:2px solid var(--main-color);color:var(--main-color)}.mobile-nav{display:none}.mobile-nav i{float:right;margin:10px;padding:10px;font-size:24px;color:#fff;outline:0;cursor:pointer}.menu{color:#fff;font-size:30px}.mobile-price-menu{display:none}.main-view{min-height:110vh}.main-view .text1{margin:100px 0;width:100%;display:flex;justify-content:center;align-items:center}.main-view .text1 h2{position:relative;font-size:30px}.main-view .text1 h2::after{position:absolute;content:'';width:65%;height:3px;background-color:var(--black-color);left:50%;transform:translateX(-50%);top:90px}.main-view .card-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:50px;margin-top:170px;transform:translateY(-30px);transition:var(--transition);flex-wrap:wrap;padding:20px}.main-view .card-wrapper .card{background-color:var(--sec-color);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px;width:calc(100%/4 - 40px);border-bottom:7px solid var(--main-color);border-radius:7px;padding:10px;margin:20px}.main-view .card-wrapper .card:hover{transform:translateY(-40px);transition:var(--transition)}.main-view .card-wrapper .card a{text-decoration:none;height:100%;width:100%}.main-view .card-wrapper .card .image{width:100%;height:90%}.main-view .card-wrapper .card .image img{width:100%;height:100%}.main-view .card-wrapper .card .text{height:10%;width:100%;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--black-color);margin-top:10px}.main-view .card-wrapper .card .text h3{text-decoration:none;font-size:21px}.products{display:flex;width:100%;display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap}.products-content{width:100%;margin-top:0;margin-bottom:5%}.products-content .text{width:100%;display:flex;align-items:center;justify-content:center}.products-content .text h2{position:relative;font-size:30px}.swiper{width:100%;height:90vh}.swiper-wrapper{width:100%;height:10em;display:flex;align-items:center;flex-direction:row}.products .card{width:300px;border:3px solid var(--dark);padding:20px;border-radius:10px;padding-bottom:57px;background-color:var(--light);margin:25px 2em}.products .card .card-image{width:100%;height:70%}.products .card .card-image img{width:100%;height:100%}.products .card-content{width:100%;height:30%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:row;margin-top:20px}.products .card-content .left{width:10%}.products .card-content .right{width:100%}.products .card-content .right p{font-size:15px}.products .card-content .card-title{width:105%;text-align:center;font-size:21px;overflow:hidden;text-overflow:ellipsis}.products .card-content .card-show{width:50%;text-align:center;font-size:30px;margin-top:30px}.products .card-content .card-show a{color:var(--dark);display:flex;align-items:center;justify-content:center}.products .card-content .card-show a iconify-icon{font-size:30px}.features{min-height:100vh}.features .text{width:100%;display:flex;align-items:center;justify-content:center;margin-top:100px}.features .text h2{font-size:30px;position:relative}.features .text h2::after{position:absolute;content:"";width:65%;height:3px;background-color:var(--dark);left:50%;transform:translateX(-50%);top:90px}.features .swiper{width:100%;height:90vh;margin-top:-10px;display:flex;align-items:center}.features .swiper .swiper-wrapper{width:100%;height:10em;display:flex;align-items:center;flex-direction:row}.features .swiper .swiper-wrapper .card{width:311px;height:371px;background-color:var(--secondry-color);margin:25px;box-shadow:6px 7px 18px -9px var(--semi-black);border:3px solid var(--dark);border-radius:20px}.features .swiper .swiper-wrapper .card .img{width:100%;height:100%}.features .swiper .swiper-wrapper .card .img img{width:100%;height:100%;border-radius:20px}footer{width:100%;height:fit-content;padding:20px 0;display:flex;justify-content:center;background-color:#16141c;color:#fff;flex-direction:row-reverse;font-size:20px;margin-top:100px}footer div{width:calc(100% / 3);padding:20px;text-align:center}footer .footer-links{display:flex;align-items:center;flex-direction:column}footer .footer-links .link{display:flex;align-items:center;justify-content:center}footer .footer-links .link a{padding:15px;transition:all ease-in-out .4s;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:10px}footer .footer-links .link .whatsapp{background-color:#25d366;color:#fff;border-radius:25%}footer .footer-links .link .facebook{background-color:#4267b2;color:#fff;border-radius:25%}footer .footer-links .link .instagram{background-color:#e1306c;color:#fff;border-radius:25%}footer .footer-links .link .linkedin{background-color:#0a66c2;color:#fff;border-radius:25%}footer .footer-links .link .telephone{background-color:#60adfa;color:#fff;border-radius:25%}footer .footer-links .link .whatsapp:hover{transform:translateY(-10px)}footer .footer-links .link .facebook:hover{transform:translateY(-10px)}footer .footer-links .link .instagram:hover{transform:translateY(-10px)}footer .footer-links .link .linkedin:hover{transform:translateY(-10px)}footer .footer-links .link .telephone:hover{transform:translateY(-10px)}footer a{color:var(--main-color);text-decoration:none}footer span{color:var(--main-color)}@media screen and (max-width:900px){footer{flex-direction:column}footer div{width:calc(100%);padding:30px;text-align:center}footer .footer-links .link a{width:30px;height:30px;padding:20px}}@media screen and (max-width:300px){footer .footer-links .link a{width:20px;height:20px;padding:15px}}@media only screen and (max-width:900px){.sm-hidden{display:none}.mobile-price-menu{display:block;position:fixed;top:84px;background:var(--dark);color:#fff;width:100%;padding:6px 43px 12px 10px;text-decoration:none;font-size:20px;z-index:1000}.site-nav-menu{float:none;position:absolute;background:#16141c;width:100%;left:0;top:80px;padding:30px 0 150px 0;border-top:1px solid #4a4848;clip-path:circle(0 at 100% 0);transition:all .8s}site-logo p{font-size:22px}.primary-menu li{display:block;text-align:center;margin:25px 5px}.mobile-nav{display:block;margin-top:10px}.mobile-menu{clip-path:circle(112% at 100% 0)}.swiper{width:100%;overflow:hidden}.features .card-wrapper{display:flex;flex-direction:row;width:100%;justify-content:space-around;margin-top:150px;flex-direction:column;margin-bottom:250px}.features .card-wrapper .card{width:85%;margin:50px auto}}@media screen and (max-width:1024px){.main-view .card-wrapper{flex-direction:column;width:95%;margin:auto;align-items:center;justify-content:center;padding:0}.main-view .card-wrapper .card{width:100%;margin:40px auto}.card:hover{transform:none}}.video-container{position:relative;display:flex;justify-content:center;align-items:center;background:#000}.video-container svg{position:absolute}.video-container iframe{border:none;width:100%;height:500px}



.best-sellers {
    padding: 100px 40px;
    background: #f7f9fc;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 34px;
    margin-bottom: 10px;
}

.section-title p {
    color: #666;
    font-size: 18px;
}

.best-sellers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

.best-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    transition: .4s ease;
}

.best-card:hover {
    transform: translateY(-10px);
}

.best-card .badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #3084d8;
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 14px;
    z-index: 2;
}

.best-image {
    height: 335px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.best-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.best-content {
    padding: 20px;
    text-align: center;
}

.best-content h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.btn-primary {
    display: inline-block;
    padding: 10px 22px;
    background: #3084d8;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    transition: .3s;
}

.btn-primary:hover {
    background: #216ab1;
}
/* ================================
   MODERN CATEGORY CARD - CLEAN
================================ */

.modern-card {
    background: #fff;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
    transition: .35s ease;
    overflow: hidden;
    height: 500px;
    display: flex;
    padding: 20px !important;
    flex-direction: column;
}

.modern-card:hover {
    
    box-shadow: 0 14px 30px #3084d86b;
}

/* Image Area */
.modern-card .image {
    height: 400px !important;
    background: #f6f8fb;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

/* Image */
.modern-card .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Text */
.modern-card .text {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-card .text h3 {
    font-size: 19px;
    font-weight: 600;
    color: #16141c;
}

/* Remove old effects */
.main-view .card-wrapper .card {
    border-bottom: none !important;
}

.main-view .card-wrapper .card:hover {
    transform: none;
}


.bestSwiper {
    padding-bottom: 60px;
}

.bestSwiper .swiper-button-next,
.bestSwiper .swiper-button-prev {
    color: #3084d8;
}

.bestSwiper .swiper-pagination-bullet {
    background: #cfd8e3;
    opacity: 1;
}

.bestSwiper .swiper-pagination-bullet-active {
    background: #3084d8;
}