/*
Theme Name: پوسته مک
Theme URI: https://sogandpc.ir/wp-admin/themes.php?theme=wordpress
Author: سوگند چشمی
Author URI: https://mokschool.ir
Description:این پوسته طی 18 جلسه در دوره آموزش وب سایت با کمک تدریس اساتید مک ساخته شده است. 
Version: 2
Text Domain:sogandpc.ir
Tags:استوری/تنظیمات قالب/ابزارک
*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: 0;
}
body
{
    direction: rtl;
    font-size: 18px;
    text-align: right;
    font-family: "yekanbakh";
    font-weight: 400;
    background-color: #000000;
    
}
img{
    min-width: 100%;
    height: auto;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    display: flex;
}
header
{
    margin-bottom: 200px;
    box-shadow: 11px 1px 17px 1px  #ffffff;
}
.top-header{
    background: #f1de96;
    height: 80px;
    width: 1300px;
    border-radius: 20px 0px 20px 0px;
    align-items: center;
    margin: 12px 0px 12px 0px;
}
.top-right-header 
{
    float: left;
    margin-right:200px;
    border-top-right-radius:7px ;
    border-bottom-right-radius:7px ;
}
.top-right-header span
{
    float: right;
    margin-inline: 30px;
    color: #ffffff;
    font-weight: bolder;
}
.top-left-header 
{
    float: left;
    border-top-left-radius:7px ;
    border-bottom-left-radius:7px ;
    
}
.top-left-header span
{
    color: #ffffff;
    float: left;
    font-weight: bolder;
}
.top-left-header span i{
    float: left;
    color: rgb(255, 255, 255);
    margin-left: 18px;
}
.main-header
{
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding-bottom: 20px;
}
.main-h-right
{
    display: flex;
    align-items: center;
    width: 60%;
}
.main-h-right .logo
{
 max-width: 169px;
}
.main-h-right .logo a
{
 display: flex;
}
.main-h-right .logo a img
{
 max-width: 199px;
 border-radius: 5px;
 border: 10px white;
 border-style: groove;
}
.main-h-right .search-main
{
  width: 100%;
  margin-right: 54px;
}
.main-h-right .search_main form
{
  position: relative;
}
.main-h-right .search-main form input[type="search"]
{
  background:  antiquewhite;
  border-radius: 10px;
  padding: 15px;
  width: 403px;
  padding-right: 50px;
}
.main-h-right .search_main form button
{
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 20px;
  background: rgb(255, 255, 255);
  cursor: pointer;
}
.fa-solid, .fas {
	font-weight: 900;
	margin-left: -47px;
	padding-top: 11px;
}
.main-h-left{
    display: flex;
    align-items: center;
    gap: 15px;
}
.main-h-left .favorite-btn-header{
    background-color: #877ef4;;
    padding: 7px;
    border-radius: 9px;
}
.main-h-left .favorite-btn-header a{
    color: #ffffff;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.main-h-left .favorite-btn-header a i{
    font-size: 20px;
    margin-left: 5px;
}
.main-h-left  .cart-btn-header a{
    background:  #00ffbb;
    color: #ffffff;
    padding: 7px;
    text-decoration: none;
    border-radius: 9px;
}
.main-h-left .cart-btn-header a .cart-btn-text{
    padding-left: 10px;
    border-left: 1px solid  #ffffff;;
}
.main-h-left .cart-btn-header a .text-btn-num{
    margin-right:  5px; 
    
}
.down-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-menu{
    display: flex;
    align-items: center;
}
.megamenu{
    border-left:1px solid rgb(233, 189, 88) ;
    padding-left: 10px;
    font-weight: 450px;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}
.megamenu .title-menu {
    color: rgb(255, 255, 255);
}
.menu-header > ul > li{
    display: inline-block  ;
    list-style: none;
    margin: 0px 10px;
    position: relative;
    padding-top: 15px;
}
.menu-header > ul > li > a{
    text-decoration: none;
    color: #ffffff;
    padding: 5px;
}
.menu-header > ul > li a:hover{
    border-bottom: 2px solid rgb(209, 81, 132);
    text-shadow: 2px 2px 7px  rgb(81, 171, 209);
}
.menu-header > ul > li:hover{
    color: #ffffff;
}
.register-btn{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 20px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 12px;
    width: 106px;
    height: 60px;
    float: left;
    margin-top:-86px;
}
.register-btn:hover{
    color: #00ffd5;
}
.menu-header >ul >li >ul {
    position: absolute;
    width: 160px;
    top: 70px;
    border-bottom-left-radius:10px ;
    border-bottom-right-radius:10px ;
    box-shadow: 4px 6px 14px 2px rgb(209, 81, 132);
    right: -34px;
    padding: 4px 0px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 99;
}
.menu-header ul li:hover ul{
    opacity: 1;
    visibility: visible;
    top: 70px;
}
.menu-header > ul > li > ul > li > a{
    padding: 3px 4px;
    display: block;
    color: #ffffff;
}
.menu-header > ul > li > ul > li > a:hover{
    color: #ff00dd;
    font-size: larger;
    box-shadow: #ffffff;
}
.mok-megamenu>ul {
    position: absolute;
    width: 170px;
    box-shadow: 5px 5px 10px 5px rgb(183, 97, 189);
    top: 44px;
    right: 0px;
    padding-right: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 99;
}

.mok-megamenu>ul::before {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    top: -20px;
}

.megamenu:hover>.mok-megamenu>ul {
    visibility: visible;
    opacity: 1;
}

.mok-megamenu>ul>li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mok-megamenu>ul>li>a {
    text-decoration: none;
    padding: 7px 14px;
    color:   rgb(255, 0, 238);
    font-size: 20px;
    font-weight: bolder;
}

.mok-megamenu>ul>li:hover {
    background-color: rgb(255, 255, 255);
}

.mok-megamenu>ul>li:hover>a {
    color: rgb(0, 0, 0);
    font-size: 17px;
}

.mok-megamenu>ul>li>ul {
    position: absolute;
    right: 100%;
    top: 0px;
    width: 900px;
    box-shadow: 5px 5px 10px 0px  rgb(255, 0, 238);
    height: 60px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    background-color: red;
}

.mok-megamenu>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
}

.mok-megamenu>ul>li>ul>li {
    width: 100%;
}

.mok-megamenu>ul>li>ul>li>a {
    color: rgb(255, 0, 238);
    font-size: 19px;
    border-right: 3px solid rgb(0, 0, 0);
    padding-right: 5px;
}
.mok-megamenu>ul>li>ul>li>ul {
    padding-right: 0px;
    margin-top: 10px
}
.mok-megamenu>ul>li>ul>li>ul {
    padding-right: 0px;
    margin-top: 10px;
}

.mok-megamenu>ul>li>ul>li>ul>li>a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    padding: 5px;
    display: block;
}

.mok-megamenu>ul>li>ul>li>ul>li>a:hover {
    opacity: 1;
    font-size: 16px;
}

.main-slider {
    margin-top: 20px;
}

.main-slider img {
	border: 14px white;
	border-radius: 67px;
	border-style: dashed;
}

.main-slider .owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 49px;
}

.main-slider .owl-carousel .owl-dots button.owl-dot span {
    background: rgb(255, 255, 255);
    width: 12px;
    height: 12px;
    margin: 2px 3px;
}

.main-slider .owl-carousel .owl-dots button.active span {
    background-color: darkblue;
    width: 20px;
}

.main-slider .owl-carousel .owl-nav button {
    background:  darkblue;
    color: rgb(255, 255, 255);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    bottom: 50px;
    margin-right: 40px;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.main-slider:hover .owl-carousel .owl-nav button {
    opacity: 1;
}

.main-slider .owl-carousel .owl-nav button:hover {
    background-color:fuchsia;
    color: rgb(255, 255, 255);
}

.main-slider .owl-carousel .owl-nav button.owl-prev {
    right: 35px;
}

.main-slider .owl-carousel .owl-nav button.owl-next {
    right: 80px;
}

.C{
    padding-right: 50px;
    width: 1250px;
    height: 1280px;
    padding-bottom: 110px;
    border: 12px white;
}
.Laptop{
    color: #c200bf;
    margin-right: 108px;
}
.price{
    color: #1500ff;
}
.mok-product{
    margin-top: 70px;
}
.mok-product .title-pro>h5{
    margin-bottom: 25px;
}
.mok-product .title-pro>h5>a{
    color: #ffffff;
    border-bottom:3px solid #ffffff;
    padding: 5px;
}
.product-item{
    background-color: rgb(169, 121, 202);
    box-shadow:5px 5px 10px 0px #5de9ff;
    border-radius:20px;
    margin: 13px 15px;
    padding: 10px 15px;
}
.mok-special .special-box .special-slider .special-item .discount{
    background-color: #00c3ff;
    color: white;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    
}
.product-item .color-dis .color ul{
    padding-right: 1px;
}
.product-item .color-dis .color ul li{
    float: right;
}
.product-item .color-dis .color  ul li span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: right;
    margin-left: 5px;
}
.product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.amazing-slider .product-item .color-dis .discount {
	background: #ff00dd;
	font-size: 19px;
	padding: auto 8px;
	color: azure;
	width: 40px;
	height: 47px;
	z-index: 1;
	margin-top: -10.8px;
	border-radius: 0px 7px 0px 7px;
    
}
.mok-product .product-item .color-dis .discount{
    background: #831a75;
	font-size: 19px;
	padding: auto 8px;
	color: azure;
	width: 40px;
	height: 47px;
	z-index: 1;
	margin-top: -10.8px;
	border-radius: 0px 7px 0px 7px;
    
}
.mok-product .product-item .addtocart-btn a i {
	color: #177ba6;
	font-size: 25px;
	margin-top: 5px;
	margin-left: 8px;
}
.product-item figure a {
    max-width: 200px;
    display: block;
    margin: 18px auto;
}

img {
    max-width: 100%;
    height: auto;
}
.product-item h2{
    font-size: 30px;
    margin-top: 20px;
    overflow: hidden;
    height: 50px;
    line-height: 20px;
    align-items: end;
}
.product-item .down{
    display: flex;
    justify-content: space-between;
}
.product-item .down .addtocart-btn > a{
     display: flex;
     color: #00fff2;
     font-size: 15px;
}
.product-item .down .price{
    display: flex;
    flex-direction: column;
    font-size: 20px;
    position: relative;
    margin-left: 30px;
    align-items: start;
}
.product-item .down .price del{
    font-size: 25px;
    opacity: 0.7;
    margin-left:110px ;
}
.product-item .down .price ins{
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    margin-left:110px ;
}
.product-item .down .price ins span{
    position: absolute;
    rotate: 270deg;
    opacity: 0.9;
    left: 76px;
    top:13px
}
.amazing-product{
    margin-top: 200px;
}
.amazing-product{
    background-color: #2c92a2;
    border-radius:6px 6px 6px 6px;
    padding: 10px 25px;
    border-radius: 10px;
    margin-bottom: 50px;
}
.amazing-product .amazing-thumbnail img{
    width: 60px;
    height: 249px;
    margin-top: 16px;
    border-radius: 3px;
    
}
.amazing-product .amazing-btn{
    text-align: center;
}
.amazing-product .amazing-btn a{
    background: #ff00dd;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    align-items: center;
    width: 90%;
    border-radius: 40px;
    margin-right: 7px;
    
}
.amazing-product .amazing-btn a i{
    font-size: 20px;
    margin-right: 5px;
}
.amazing-product .countdown-timer{
    display: flex;
    justify-content: center;

}
.mok-product .amazing-btn a i{
    font-size: 20px;
    margin-right: 5px;
}
.mok-product .countdown-timer{
    display: flex;
    justify-content: center;

}
.box-timer{
    color: #ff0000;
}
.amazing-product .countdown-timer .number{
    background:  #831a75;
    border-radius: 12px;
    color: aliceblue;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.amazing-product .countdown-timer span.dot{
    color: rgb(100, 94, 94);
    font-size: 25px;
    margin: 2px 1px;
}
.mok_product .countdown-timer{
    display: flex;
    justify-content: center;
}
.mok_product .countdown-timer .number{
    background: #ff00dd;
    border-radius: 12px;
    color: aliceblue;
    width: 30px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.mok_product .countdown-timer span.dot{
    color: rgb(100, 94, 94);
    font-size: 25px;
    margin: -8px 1px;
}
.amazing-product .owl-theme .owl-nav{
    display: none;
}
.amazing-product .owl-theme .owl-dots{
    display: none;
}
.special-box h4{
    color: #ffffff;
    font-size: 19px;
}
.mok-special{
    margin-top: 50px;

}
.special-box{
    position: relative;
    padding: 14px 30px 50px 0px;
    margin-bottom: 50px;
   
}
.special-box::before{
    content: "";
    background-color:  #87ff80;
    width: 40%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 30px;
    z-index: -1;
}
.special-box::after{
    content: "";
    background-color: #87ff80;
    width: 40%;
    position: absolute;
    top: 0px;
    right: 7%;
    bottom: 0px;
    border-radius: 30px;
    transform: translate(-55px,0px)skew(-9deg,0deg);
    z-index: -1;
}

.special-box .special-item{
    background-color: #ffffff;
    border: 6px solid   #6affe6;
    box-shadow:5px 5px 5px 5px #6affe6 ;
    border-radius: 10px;
    max-width: 69%;
    margin-bottom: 90px;
}
.special-box .special-item{
    display: flex;
    padding: 25px;
    width: 1000px;
    position: relative;
}
.special-box .special-item figure{
    width: 23%;
}
.special-box  .special-item .color{
    display: flex;
    justify-content: center;
}
.special-box  .special-item .color ul{
    padding-right: 1px;
}
.special-box  .special-item ul li{
    float: right;
}
.special-box  .special-item  ul li span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: right;
    margin-left: 5px;
}
.special-box .special-item figure img{
    max-width: 250px;
}
.special-box .special-item .det-special{
    width: 77%;
}
.special-box .special-item .det-special h2{
    font-size: 27px;
    margin-bottom: 20px;

}
.special-box .special-item .det-special h2 a{
    color: #00065f;
}
.mok-breadcrumb .container a {
	color: #fff;
	text-decoration: underline;
}
.mok-breadcrumb .container{
	text-decoration: none;
	display: flex;
    color: #fff;
}
.fa-solid, .fas {
	font-weight: 900;
	margin-left: 0px;
	padding-top: 1px;
}
.special-box .special-item .det-special .additional-prpduct{
    display: flex;
    flex-direction: column;
    max-height: 145px;
    flex-wrap: wrap;
    overflow: hidden;
    gap: 7px 0px;
    margin-right: 10px;
    margin-bottom: 30px;
}
.special-box .special-item .det-special .additional-prpduct .property-itam{
    display: flex;
    gap: 6px; 
    color: #00065f;
    font-weight: bold;
}

.special-box .special-item .det-special .additional-prpduct .property-itam i{
    color: #00065f;
    font-size: 10px;
    margin-left: 2px;
}
.special-box .special-item .det-special .down{
    display: flex;
    gap: 15px;
    align-items: center;
}
.special-box .special-item .det-special .down a{
    background-color: #87ff80;
    color: #ffffff;
    border-radius: 15px;
    padding: 10px;
    margin-right: 10px;
}
.special-box .special-item .det-special .down .price{
    display: flex;
    gap: 10px;
}
.special-box .special-item .det-special .down .price del{
    font-size: 16px;
    font-weight: 700;
    color: #776b6b;
}
.special-box .special-item .det-special .down .price ins{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.special-box .special-item .det-special .down .price ins span{
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.special-slider{
    display: flex !important;
    justify-content: space-between;
}
.special-slider .owl-dots{
    width: 80%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    margin: 0 !important;
    max-height: 300px;
    align-items: end;
}
.special-slider  .owl-dot{
    background-color: #6affe6;
    border-radius: 10px;
    width: 90%;
    padding: 10px;
    text-align: right;
}
.special-slider  .owl-dot button{
    background-color:transparent;
    cursor: pointer;
}
.special-slider  .owl-dot .list-special{
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "yakanbakh";
    pointer-events: none;
}
.special-slider  .owl-dot .list-special figure{
    background: transparent;
    padding: 5px 7px 0px 0px;
}
.special-slider  .owl-dot .list-special figure img{
    max-width: 70px;
    border-radius: 10px;
    
}
.special-slider  .owl-dots .active{
    background-color: #87ff80;
    width: 90%;
}
.special-slider  .owl-dot .list-special b{
    color: #ffffff;
}
.box-sell{
    display: flex;
    justify-content: space-between;
}
.box-sell .best-sell{
   background: #87ff80;
   border-radius: 20px;
   padding: 15px 20px;
   position: relative;
   width: 270px;
   flex-shrink: 0;
}
.box-sell .best-sell .head{
    display: flex;
    justify-content: center;
    font-size: 20px;
}
.box-sell .best-sell .head p{
    color: #ffffff;
    font-weight: bolder;
}
.box-sell .best-sell figure {
    border-radius: 150px;
    height: 150px;
    width: 150px;
    margin: 15px auto;
    overflow: hidden;
    padding: 5px;
    animation: pulse-animation 2s infinite;
}
@keyframes  pulse-animation{
    0%{
       box-shadow:  0 0 0 0px white ;
    }
    100%{
        box-shadow: 2px 0 0 20px white;
    }
}
.box-sell .best-sell figure img{
    min-width: 140px;
    margin: auto;
    display: block;
    border-radius: 50%;
}
.box-sell .best-sell h2{
    overflow: hidden;
    height: 50px;
    font-weight: 450;
    line-height: 22px;
}
.box-sell .best-sell h2 a{
    font-size: 40px;
    color: #000000;
    font-weight: 450;
    margin-right:53px;
}
.box-sell .best-sell .price{
   display: flex;
   gap: 24px;
   justify-content: space-evenly;
   color: #56b7e7;
   margin: 20px 0px;
}
.box-sell .best-sell .price del{
   font-size: 15px;
   opacity: 1;
   font-weight: 450;
   color: #4f5edc;
}
.box-sell .best-sell .price ins{
   text-decoration: none;
   font-size: 21px;
   font-weight: 700;
   color:darkblue;
}
.box-sell .best-sell .price ins span{
    font-size: 14px;
}
.box-sell .best-sell .add-cart{
    position: absolute;
    left: 129px;
    bottom: -6px;
}
.box-sell .best-sell .add-cart a i {
	background: white;
	color: #006eff;
	border-radius: 91%;
	font-size: 36px;
	padding: 4px;
	left: 90px;
}
.other-sell{
   display: flex;
   flex-wrap: wrap;
   gap: 26px;
   margin-right: 26px;
}
.other-sell .product-sell{
   width: 30%;
   background-color: #56b7e7;
   box-shadow: 0px 0px 10px 5px palevioletred;
   border-radius: 30px;
   padding:50px;
   height: 159px;
   flex-grow: 1;
}
.other-sell .product-sell:hover .down .number{
   background: #590052;
   color: #ffffff;
}
.other-sell .product-sell figure{
    float: right;
    margin-left: 15px;
}
.other-sell .product-sell figure img{
    max-width: 75px;
    border-radius: 11px;
}
.other-sell .product-sell h2{
    line-height: 25px;
    height:25px;
    overflow: hidden;
}
.other-sell .product-sell h2 a{
    color: #ffffff;
     font-size: 18px;
    font-weight: bold;
}
.other-sell .product-sell .down{
    justify-content: space-between;
    height: 50px;
    align-items: center;
    display: flex;
}
.other-sell .product-sell .down .number{
    background-color: palevioletred;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in;
}
.other-sell .product-sell .down .price{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 0px;
}
.other-sell .product-sell .down .price del{
    font-size: 16px;
    color: #ffffff;
    opacity: 0.7;
}
.other-sell .product-sell .down .price ins{
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}
.other-sell .product-sell .down .price ins span{
   position: absolute;
   rotate: 270deg;
   opacity: 0.7;
   left: -33;
   font-size: 17px;
}
.my-poster{
    display: flex;
    margin-top: 70px;
    margin-bottom:70px;
}
.my-poster .poster{
    background-color: #44003f;
    padding: 30px;
    max-width: 400px;
    max-height: 200px;
    margin: auto;
}
.my-poster .poster figure{
    float: left;
    margin-left: 15px;
}
.my-poster .poster figure img{
    max-width: 95px;
    min-height: 110px;
    border-radius: 11px;
}
.my-poster .poster h1{
    text-align: left;
    line-height: 23px;
    height: 70px;
    overflow: hidden;
    flex-wrap: wrap;
}
.my-poster .poster h1 a{
    font-size: 17px;
    color: #ffffff;
    font-weight: 450;
    margin-right:53px;
    width: 60%;
}
#one{
    border-radius: 10px;
    border: 7px #00065f;
    border-style: dashed;
}
#two{
    border-radius: 10px;
    border: 7px #00065f;
    border-style: double;
}
#three{
    border-radius: 10px;
    border: 7px #00065f;
    border-style: dotted;
}
.title-brand{
    text-align: center;
}
.title-brand h4{
    background:  #f1de96;
    display: inline-block;
    color: #000000;
    padding: 15px 30px;
    border-radius: 30px 30px 0px 0px;
    font-weight: 700;
    font-size: 20px;
}
.brand-slider .owl-theme .owl-nav{
    display: inline-block;
}
.box-brand{
    background: #ffffff;
    box-shadow: 0px 7px 0px 7px#f1de96;
    border-radius: 20px;
}
.box-brand .inner-brand{
    width: 88%;
    margin: auto;
}
.box-brand .inner-brand .item-brand
{
   display: flex;
   justify-content: center;
   align-items: center;
   height:20px;
   margin-top:80px;
   padding:11px;
}
.box-brand .inner-brand .itme-brand img{
    max-width: 120px;
}

.box-brand .owl-carousel .owl-nav button
{
    position: absolute;
    background:#f1de96;
    width: 75px;
    height: 45px;
    top: 50px;
    color: rgb(255, 255, 255);
}
.box-brand .owl-carousel .owl-nav button.owl-prev
{
right: -7%;
border-radius: 50px 0px 0px 50px;
}
.box-brand .owl-carousel .owl-nav button.owl-next
{
left: -7%;
border-radius: 0px 50px 50px 0px;
}
.box-brand .owl-carousel .owl-nav button.owl-prev::before
{
content:"<<";
}
.box-brand .owl-carousel .owl-nav button.owl-next::after
{
content: ">>";
}
.mok-service{
  display: flex;
  gap:30px;
}
.mok-service .service-item{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    box-shadow: 0px 4px 0px 8px white;
    border-radius: 10px;
    background-color:  #44003f;
    margin-top: 5px;
    margin-bottom: 20px;
}
.mok-service .service-item img{
    width: 45px;
    height: 150px;
    margin: 0px auto 10px;
}
.mok-service .service-item b{
    color: #ffffff;
    font-size: 23px;
}
.mok-service .service-item span{
    font-size: 17px;
    font-weight: 300;
    color: #ffffff;
}
footer{
    background:#f1de96;
    border-top: 4px solid  #83efea;
    margin-top:40px ;
    padding-top: 40px;
    box-shadow: 1px 1px 10px 1px grey;
    
}
.footer-box{
 display: flex;
 gap: 25px;
 margin-bottom: 40px;
}
.footer-box .footer-widget{
 flex-grow: 1;
}
.footer-box .footer-about{
    width: 30%;
   
}
.footer-box .footer-widget h3{
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
color: #000;
}
.footer-box .footer-widget img{
    max-width: 40px;
    border-radius: 30px;
}
.footer-box .footer-widget .f-w-content{
  color: #000000;
  line-height: 30px;
  text-align: justify;
  font-size: 24px;
}
.footer-box .footer-widget .f-w-content ul{
    padding-right: 0px;
}
.footer-box .footer-widget .f-w-content ul li a{
    color: #000000;
    
}
.application{
 display: flex;
 justify-content: space-between;
 background: #96dff1;
 padding: 20px;
}
.application .right{
display: flex;
align-items: center;
gap: 12px;
font-weight: 700;
}
.application .right img{
    max-width: 50px;
}
.application .left{
    display: flex;
    gap: 20px;
}
.application .left a{
    display: flex;
}
.footer-line{
 display: flex;
 justify-content: space-between;
 padding: 8px 20px;
 border-bottom: 1px solid grey;
 color: #000;
}
.footer-line .left span{
    border: 1px solid grey;
    padding: 2px 3px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.subright{
    display: flex;
    justify-content: space-between;
}
.subright span{
    font-size: 16px;
    padding: 15px 20px ;
}
.subleft{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
 /* استایل پایه برای چیدمان آیکن‌ها */
 .social-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
}

/* استایل کلی آیکن‌ها */
.social-icon {
    width: 40px; /* اندازه آیکن */
    height: 40px;
    transition: transform 0.3s ease, fill 0.3s ease; /* انیمیشن نرم */
    cursor: pointer;
}

/* افکت هنگام نگه داشتن موس (Hover) */
.social-icon:hover {
    transform: scale(1.2); /* کمی بزرگ شدن */
}

/* رنگ اختصاصی برای هر آیکن */
.instagram { fill: #E4405F; } /* رنگ اینستاگرام */
.youtube   { fill: #FF0000; } /* رنگ یوتیوب */
.aparat    { fill: #555; }    /* رنگ تیره برای آیکن آپارات */

/* تغییر رنگ آیکن‌ها در حالت Hover */
.instagram:hover { fill: #ff6b81; }
.youtube:hover   { fill: #cc0000; }
.aparat:hover    { fill: #000; }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(1,0,4); /* Fallback color */
    background-color: rgba(2,0,0,0.8); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
    background-color: #c1fffc;
    border-radius: 10px;
    margin: 4% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 445px; /* Could be more or less, depending on screen size */
    height: 545px;
    animation-name: animatetop;
    animation-duration: 0.8s;
    opacity: 1;
  }
  @keyframes animatetop{
    from{top:509px; opacity: 0.8;}
    to{top:0px; opacity: 0.9;}
  }
  
  /* The Close Button */
  .close {
    color: #ff00f2;
    float: right;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%; 
    background-color: #fabcfa;
    transition: all 0.3s;
    margin-right: 7px;
    margin-top: 3px;
  }
  
  .close:hover {
    background-color: #17c9f6;
    color: white;
    transform: scale(1.2) rotate(90deg);
    margin-top: 5px;
  }
 
  @import url(https://fonts.googleapis.com/css?family=Roboto:300);

  .login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
  }
  .form-registermok {
    position: relative;
    z-index: 999;
    background: #f0e1e1;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 15px;
    text-align: center;
    border-radius: 14px;
    box-shadow: 0 0 20px 0 rgb(194, 51, 255), 0 5px 5px 0 rgb(41, 114, 203);
  }
  .form-registermok input {
    font-family: "Roboto", sans-serif;
    outline: 0;
    background: #7beeee;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .form-registermok button {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: #fff700;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #000000;
    font-size: 14px;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
  }
  .form-registermok button:hover,.form button:active,.form button:focus {
    background: #43A047;
  }
  .form-registermok .message {
    margin: 15px 0 0;
    color: #000000;
    font-size: 16px;
  }
  .form-registermok .message a {
    color: #4c57af;
    text-decoration: none;
    font-size: 17px;
  }
  .form-registermok .register-form {
    display: none;
  }
  .form-registermok .logo{
    max-width: 120px;
    margin: auto;
    margin-bottom: 30px;
  } 
  /***single-product***/
  .mok-breadcrumb{ 
    font-size: 16px;
    margin: 17px 120px;
    color: #ffffff;
  }
  .mok-breadcrumb .container{
    display: flex;
    gap: 3px;
  }
  .mok-breadcrumb a{
    color: #ffffff;
  }
  .product-intro{
   background: #ffffff;
   border-radius: 15px;
   box-shadow: 0px 5px 5px 0px grey;
   padding: 25PX;
   margin-bottom: 20PX;
   display: flex;
   justify-content: space-between;
  } 

  .product-intro .right{
    width: 49%;
  }
  .product-intro .right header{
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1PX solid rgb(0, 26, 255);

  }
  .product-intro .right header h1{
    font-size: 19px;
    font-weight: 700;
    color: orangered;
  }
  .product-intro .right header span{
    font-weight: 300;
    color: #000;
    margin-top: 10px;
    display: block;
  }
  .product-intro .right .product-meta{
    display: flex;
    justify-content: space-between;
  }
  .product-intro .right .product-meta .meta-pro{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
  }
  .product-intro .right .product-meta .meta-pro i{
    color:orangered;
    font-family: 20px;
    margin-left: 5px;
  }
  .product-intro .right .product-delivery{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
  }
  .product-intro .right .product-delivery span i{
    color: rgb(0, 21, 255);
    margin-left: 5px;
    font-size: 14px;
  }
  .product-intro .right .additional-prpduct{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     max-height: 100px ;
     overflow: hidden;
     margin-bottom: 50px;
     font-size: 16px;
  }
  .product-intro .right .additional-prpduct .property-itam{
    display: flex;
  }
  .product-intro .right .additional-prpduct .property-itam span{
    color: #414ec2;
    font-weight: 300;
  }
  .product-intro .right .additional-prpduct .property-itam span i{
    color: #f1e33e;
    font-size: 10px;
  }
  .product-intro .right .p-q{
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
  }
  .product-intro .right .p-q .quantity{
    display: flex;
    border: 1px solid grey;
    border-radius: 7px;
    width: 100px;
    height: 50px;
  }
  .product-intro .right .p-q .quantity button{
    font-size: 20px;
    background: transparent;
    padding: 9px 9px 8px 8px;
    cursor: pointer;
  }
  .product-intro .right .p-q .quantity button.plus{
    border-left: 1px solid gray;
  }
  .product-intro .right .p-q .quantity button.minus{
    border-right: 1px solid gray;
    padding: 10px;
    margin-top: -1px;
  }
  .product-intro .right .p-q .quantity .qty{
    height: 100%;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    appearance: textfield;
  } 
  .product-intro .right .p-q .single-price{
   display: flex;
   gap: 15px;
  }
  .product-intro .right .p-q .single-price del{
    font-size: 20px;
    font-weight: 400;
    color: grey;
  }
  .product-intro .right .p-q .single-price ins{
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #000;
  }
  .product-intro .right .p-q .single-price  span{
    font-size:18px;
    font-weight: bold;
    color: #000;
  }
  .product-intro .right .p-q .single-price .discount{
    background: yellow;
    width: 60px;
    height: 60px;
    font-size: 16px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(50% 0%, 65% 31%, 98% 35%, 74% 59%, 79% 91%, 50% 70%, 21% 91%, 28% 59%, 2% 35%, 35% 32%);
    z-index: 1;
   margin-top: -16px;
  }
  .sabad-kharid{
   background-color: #00fff2;
   width: 650px;
   height: 40px;
   border: 2px solid cadetblue;
   border-radius: 15px;
  }
  .product-intro .left{
    display: flex;
    justify-content: space-between;
    width: 47%; 
    position: relative;
    padding: 20px;
  }
  .product-intro .left::before{
    content: "";
    position: absolute;
    background-color: grey;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
  }
  .product-intro .left .product-action{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 6%;
    margin-top: 15%;
    z-index: 3;
  } 
  .product-intro .left .product-action .iteme-action button{
    background-color: white;
    border:2px  solid fuchsia;
    border-radius: 10px;
    min-width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .product-intro .left .product-action .iteme-action button i{
    font-size: 20px;
    color: #0007d1;
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
  .product-intro .left .product-action .iteme-action button span{
   white-space: nowrap;
   max-width: 0;
   overflow: hidden;
   transition: all 0.5s ease-in-out;
  }
  .product-intro .left .product-action .iteme-action button:hover span{
    max-width: 200px;
    padding-left: 10px;
  }
  .product-image .countdown-timer {
    display: flex;
    justify-content: center;
  }

  .product-image .countdown-timer .number {
    background: fuchsia;
    color: white;
    width: 47px;
    height: 47px;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

 .product-image .countdown-timer span.dot {
    color: #0007d1;
    font-size: 44px;
    margin: -2px 2px;
    
  }
  .product-intro .left .product-image{
    width: 75%;
    flex-shrink: 0;
  }
  .product-intro .left ol{
    width: 63px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-left: 100px;
  }
  .product-intro .left ol li{
    background: white;
    width: 63px;
    height: 63px;
    border:2px solid darkblue ;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
  }
  .product-intro .left ol li img{
    opacity: 0.5;
    filter: blur(1px);
  }
  .product-intro .left ol li img.active{
    opacity: 1;
    filter: unset;
  }
  #modal-share .modal-content{
    width: 500px;
    height: 300px;
    background: #fd9926;
    margin-top: 200px;
    border-radius: 15px;
    border: 2px solid rgb(0, 0, 0);
    padding: 10px;
    box-shadow: 5px 5px 5px 5px rgb(90, 193, 237);
  }
   .modal-header i{
    color: #ffffff;
    font-size: 22px;
  }
  .modal-header h4{
    color: #ffffff;
    font-size: 23px;
    font-weight: bold;
    margin: 0px;
  }
  .modal-body .shortlink{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(90, 193, 237);
    padding: 10px;
    font-size: 15px;
    margin-bottom: 20px;
  }
  .modal-body .shortlink textarea{
    text-align: left;
    width: 250px;
    height: 35px;
    font-weight: 500px;
    padding: 9px;
  }
  .modal-body .social-sharing{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10;
  }
  .modal-body .social-sharing p{
    color: white;
    font-size: 24px;
  }
  .modal-body .social-sharing .box-sharing{
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  .modal-body .social-sharing .box-sharing a{
    font-size: 43px;
    color: #ffffff;
  }
  .modal-body .social-sharing .box-sharing a.whatsapp{
    color: #43A047;
  }
  .modal-body .social-sharing .box-sharing a.telegram{
    color: #3f85ff;
  }
  #modal-video .modal-content{
    width: 750px;
    height: 500px;
    background: #26cbfd;
    margin-top: 100px;
    border-radius: 15px;
    border: 5px solid rgb(0, 4, 255);
    padding: 10px;
    box-shadow:1px 1px 1px 25px rgb(255, 255, 255);
  }
  .modal-body video{
    max-width: 100%;
  }
  .product-tab{
    background-color: #26cbfd;
    color: rgb(0, 0, 0);
    padding: 20px;
    box-shadow: 5px 5px 10px 0px grey;
    margin-top: 60px;
    border-radius: 15px;
  }
  .product-tab .product-description{
    font-size: 18px;
    line-height: 2;
    margin-bottom: 50px;
  }
  .product-tab .product-description h2{
    color: #000000;
    font-size: 27px;
  }
  .product-tab .product-description ul>li{
    list-style: circle;
  }
  .product-tab .additional-product{
    margin-bottom: 30px;
  }
  .product-tab .additional-product h2{
    margin-bottom: 20px;
    color: #ff7300;

  }
  .product-tab .additional-product .property-itam{
    display: flex;
    gap: 15px;
    margin-bottom: 12px;
    font-weight: 450px;
    align-items: flex-start;
  }
  .product-tab .additional-product .property-itam span{
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    width: 240px;
  }
  .product-tab .additional-product .property-itam span i{
    color: #ff6a00;
    font-size: 12px;
    margin-left: 10px;
  }
  .product-tab .additional-product .property-itam p{
    background: rgb(38, 0, 255);
    border-radius: 10px;
    padding: 10px;
    flex-grow: 1;
    color: white;
  }
.like-product{
    flex-wrap: wrap;
  display: flex;
  justify-content: space-evenly;
}
.like-product h5{
    margin-bottom: 25px;
    color: wheat;
    font-size: 29px;
}
.product-like{
    background-color: rgb(255, 158, 31);
    box-shadow:0px 8px 11px 0px #2200a8;
    border-radius:20px;
    margin: 13px 15px;
    padding: 10px 15px;
}
.product-like .color-dis .color ul{
    padding-right: 1px;
}
.product-like .color-dis .color ul li{
    float: right;
}
.product-like .color-dis .color  ul li span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: right;
    margin-left: 5px;
}
.product-like .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-like .color-dis .d-scount{
    background:  #1002a6;
    border-radius: 0px 0px 11px 11px;
    font-size: 15px;
    padding: 5px;
    color: azure;
    width: 40px;
    height: 53px;
    z-index: 1 ;
    margin-top: 13px;
    margin-left: 10px;
}
.product-like .color-dis .discount{
    background:  #1002a6;
    border-radius: 1px 1px 5px 5px;
    font-size: 15px;
    padding: 5px;
    color: azure;
    width: 40px;
    height: 53px;
    z-index: 1 ;
    margin-top: -10px;
    margin-left: 2px;
}
.product-like figure a {
    max-width: 200px;
    display: block;
    margin: 18px auto;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
}
.product-like h2 a {
	font-size: 30px;
	margin-top: 20px;
	overflow: hidden;
	height: 50px;
	margin-right: 175px;
	color: #000;
	font-weight: lighter;
}
.product-like .down{
    display: flex;
    justify-content: space-between;
}
.product-like .down .addtocart-btn > a{
     display: flex;
     color: #3c00ff;
     font-size: 30px;
     margin-left: 5px;
     margin-top: 5px;
}
.product-like .down .price{
    display: flex;
    flex-direction: column;
    font-size: 20px;
    position: relative;
    margin-left: 27px;
    align-items: start;
}
.product-like .down .price del {
	font-size: 25px;
	opacity: 0.7;
	margin-left: 77px;
	color: #ffffff;
}
.product-like .down .price ins {
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	margin-top: -32px;
}
.product-like .down .price ins span {
	position: absolute;
	rotate: 270deg;
	opacity: 0.9;
	left: 56px;
	top: 13px;
	margin-left: -7px;
}
.floating-button{
    font-size: 35px;
    position: fixed;
    right: 55px;
    bottom: 40px;
    background: #006eff;
    color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    cursor: pointer;
}
.floating-button i{
   transition: all 0.3s ease-in-out;
}
.floating-contact .contact-list{
    width: 250px;
    position: fixed;
    right: 50px;
    bottom: 130px;
    background: #006eff;
    box-shadow: 4px 5px 10px 0px darkblue;
    padding: 10px;
    border-radius: 16px;
    z-index: 100;
    display: none;
}
.floating-contact .contact-list a{
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-radius: 16px;
    align-items: center;
}
.floating-contact .contact-list a img{
    width:35px !important; 
    height: 35px !important;
    min-width: 0 !important;
}
.floating-contact .contact-list a span{
    font-size: 18px;
    color: white;
}
.floating-contact .contact-list a:hover{
    background: #d47878;
    border-radius: 16px;
}
.mok_single{
    background:white;
    border-radius: 20px;
    padding: 20px;
    box-shadow:7px 0px 15px 0px orangered ;
    line-height: 2.5;
    font-size: 17px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.mok_single .post_single  h3{
    color:orangered;
    font-size: 24px;
    margin-bottom: 20px;
}
.mok_single .post_single .content_single{
 margin-right: 20px;
}
.mok_single .side_single{
    width: 27%;
    margin-top: 14px;
}
.widget{
 background: white;
 border-radius: 12px;
 padding: 15px;
 border: 2px solid orangered;
 margin-bottom: 20px;
 box-shadow: 13px 3px 8px 2px orangered;
}
.widget .widget_header h3{
    color:orangered;
    font-size: 22px;
    display: inline-block;
    padding-bottom: 9px;
    margin-bottom: 15px;
    font-weight: 600;
}
.widget form{
    position: relative;
}
.widget form input[type="text"]{
    border: 2px solid orangered;
    border-radius: 12px;
    background: rgb(160, 171, 255);
    padding: 0px 10px ;
    width: 75%;
}
.widget form input[type="submit"]{
    background: orangered;
    color: white;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    padding: 4px 10px;
    font-size: 15px;
}
.widget ul li{
  border-bottom: 2px solid orangered;
  margin-bottom: 7px;
  padding-bottom: 5px;
}
.widget ul li:last-child{
    border-bottom: none;
}
.widget ul li a{
    color: #1002a6;
    font-size: 17px;
    font-weight: lighter;
}
.widget ul li a:hover{
    color: #67086e;
    font-size: 22px;
    font-weight: bolder;
}
.mok_single .main_single{
   width: 70%;
}
.mok_single .main_single .mok_archive{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-evenly;
}
.mok_single .main_single .mok-product{
    margin-top: 0px;
}
.NotFind .container{
    background: purple;
}
.NotFind .container > em{
    font-size: 30px;
    color: #000;
    display: flex;
    justify-content: center;
}
.NotFind .container > img{
    width: 150px;
    height: 480px;
    margin-top: 50px;
}
.NotFind .container .buttons{
     display: flex;
    align-items: center;
    justify-content: center;
}
.NotFind .container .buttons > button{
    border-radius: 15px;
    background: rgb(255, 109, 209);
    color: #003274;
    border: 4px solid darkblue;
    width: 100px;
    height: 55px;
    margin: 10px;
   
}
#zuck-modal-content{
    direction: ltr;
    text-align: left;
}
#zuck-modal-content .story-viewer .slides-pagination span{	
   color: rgb(255, 255, 255);
   font-size: 80px;
}
#zuck-modal-content .story-viewer .head .right .close{
    color: rgb(255, 255, 255);
    font-family: 22px;
}
.stories.carousel .story > .item-link > .info {
	display: inline-block;
	margin-top: 0.5em;
	line-height: 1.2em;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #8bceff;
    margin-right: -4px;
}
#zuck-modal-content .story-viewer .time{
    display: none !important;
}
#zuck-modal-content .story-viewer .slides .item.active{
    background-color: #00c3ff;
}
#stories {
display: flex;
justify-content: space-evenly;
margin-top:-150px;
}
.stories.snapgram .story.seen > a > .item-preview {
	background-color: darkblue;
	height: 75px;
	width: 75px;
}
.stories.snapgram .story:hover{
transition: all 0.4s ease-in-out;
transform: scale(0.75);
}
.stories.snapgram .story.seen > a > .item-preview {
	background-color: #ff168e;
	height: 90px;
	width: 90px;
}
#zuck-modal-content .story-viewer .head .item-preview  {
	display: block;
	box-sizing: border-box;
	height: 53px;
	width: 53px;
	background-size: cover;
	background-position: center;
	object-fit: cover;
    border: 3px solid blue;
}

#zuck-modal-content .story-viewer .head .item-preview img {
	display: block;
	box-sizing: border-box;
	height: 53px;
	width: 53px;
	background-size: cover;
	background-position: center;
	object-fit: cover;
	
}
#zuck-modal-content .story-viewer .head .left .info .name {
	font-weight: 500;
    margin-left: 3px;
}
.like-product{
    margin-top: 70px;
}
.like-product .product-slider{
    margin-bottom: 25px;
}
.mok-product .product-m{
    color: #ffffff;
    border-bottom:3px solid #ffffff;
    padding: 5px;
}
.product-m{
    background-color:#37ff00;
    box-shadow:5px 5px 10px 0px #ffffff;
    border-radius:20px;
    margin: 13px 15px;
    padding: 10px 15px;
}
.product-m .discount{
    background-color: #ff5e00;
    color: white;
    height: 40px;
    width: 200px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 7px;
    
}
.product-m h2{
    font-size: 30px;
    margin-top: 20px;
    overflow: hidden;
    height: 50px;
    line-height: 20px;
}
.product-m .down{
    display: flex;
    justify-content: space-between;
}
.product-m .down .addtocart-btn{
     display: flex;
     font-size: 18px;
     margin-top: 10px;
     margin-left: 10px;
}
.product-m .down .price{
    display: flex;
    flex-direction: column;
    font-size: 20px;
    position: relative;
    margin-left: 30px;
    align-items: start;
}
.product-m .down .price del{
    font-size: 25px;
    opacity: 0.7;
    margin-left:50px ;
    color: rgb(47, 44, 44);
}
.product-m .down .price ins{
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    margin-left:50px ;
    color: #000;
}
.product-m .down .price ins span{
    color: #000;
    position: absolute;
    margin-left:-60px ;
    rotate: 270deg;
    opacity: 0.9;
    left: 76px;
    top:13px
}
.main_single_page.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	border: 6px solid orangered;
	margin-top: -185px;
}
.poster {
	width: 790px;
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	width: 600 !important;
	max-width: 426px;
	padding: 18px;
	border-radius: 30px;
}
.poster2 {
	width: 790px;
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
	gap:9px;
}
.poster2 .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	width: 600 !important;
	max-width: 426px;
	border-radius: 30px;
	border: 8px solid white;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	float: right;
	margin: 0 0 2.992em 3.8%;
	padding: 0;
	position: relative;
	width: 20.0%;
	margin-right: 0;
	background-color: #b1fff4;
	height: 460px;
	border-radius: 24px;
}
.woocommerce ul.products li.product .button {
	display: inline-block;
	margin-top: 1em;
	color: white;
	background-color: pink;
	margin-right: 30;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	padding: .5em 0;
	margin: 7;
	font-size: 27px;
	color: pink;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
   	color: #fff;
	font-size: 22px;
	margin-right: 7px;
	margin-top: -27px;
}
.woocommerce ul.products li.product a img {
	max-width: 184px !important;
	height: auto;
	display: block;
	margin: auto;
	box-shadow: none;
	border-radius: -37px;
	min-width: 199px;
	margin-top: 25px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: #000;
	font-size: 33px;
	margin-right: 9px;
	margin-top: -10px;
}