/* detail page */
.best{position: absolute;top: 16rem;left: 0;right: 0;}
.detail{background-color:#f8f8f8;padding-top: 30px;}
.detail .selectors a {width: 3.25rem;}
.detail .app-figure{text-align: center;}
.detail .selectors{text-align: center;}
.detail .qey span{color: rgb(214, 174, 174);}
.detail .bi-bag-heart-fill{color:rgb(214, 174, 174);}
.detail .btnz{background-color: rgb(214, 174, 174);border-radius: 10px;transition: .5s;font-family: sans;}
.detail .card-body .sabad{text-align: center;}
.detail .btnz:hover{background-color:#8c8c8c ;}
.detail .ranga{display: flex;}
.detail .form-select{width: 8rem;margin: 0%;}
.detail .rok .chapjoz a{color: rgb(214, 174, 174);transition: 1s;}
.detail .rok .chapjoz a:hover{color: rgb(112, 112, 112);}
.detail .card h3{text-align: center;color: rgb(87, 86, 86);}
.rounded-4{border-radius: 1rem;}
.detail .upranga p{margin: 0px;line-height:2rem;}

.table tr th, .table tr td{text-align: right;}
.nazarat a{color: black;}
.nazarat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border: 1px solid rgb(214, 174, 174)}
.nazarat .card-body{border: 1px solid rgb(214, 174, 174);}
.nazarat .tab-pane .bi{color: rgb(214, 174, 174);}
.nazarat .card-body .btn{color: rgb(112, 112, 112);background-color: transparent;border: none;box-shadow: none;}
.nazarat .card-body .bi{color: rgb(128, 128, 128);transition: .5s;}
.nazarat .card-body .bi:hover{color: rgb(214, 174, 174)}
.nazarat .card-body .biz{color: rgb(128, 128, 128);transition: .5s;}
.nazarat .card-body .biz:hover{color: white}
.nazarat .accordion-flush .accordion-item h2{margin: 0px;}
.nazarat .accordion-button:focus{border-color: rgb(131, 129, 129);box-shadow: 0 0 0 0.25rem rgb(112, 112, 112);}
.nazarat .accordion-flush .accordion-item .accordion-button{font-family: sans;background-color: white;color: rgb(129, 129, 129);}
.nazarat .accordion-flush .accordion-item .accordion-button:hover{background-color: rgb(214, 174, 174);color: rgb(245, 245, 245);}
.nazarat .accordion-button:not(.collapsed)::after{background-image:url(../img/down.png);}
.nazarat .wow{background-color:rgb(214, 174, 174) ;border: none;padding: 5px 15px;}
.nazarat .wow:hover{background-color: rgb(126, 125, 125);}
.nazarat .btn-check:focus+.btn, .btn:focus{box-shadow: 0 0 0 0.25rem rgb(233, 233, 233);}
.nazarat .card-body .jezzz{margin: .5rem 7.5rem .5rem .5rem;}
.nazarat .reactionenazar{justify-content: end;display: flex;align-items: center;}
.nazarat .card{border: none;margin-top: 1rem;}
.nazarat .tab-pane .form-que{position: sticky;top: 1rem;}
.nazarat .form-que{margin-top: 5.5rem;}
.nazarat .form-que .form-control{border-radius: 7px;}
.nazarat .card-body .btn-primary{color: rgb(255, 255, 255);background-color: rgb(214, 174, 174);}
.nazarat .card-body .btn-primary:hover{background-color: rgb(112, 112, 112);color: white;}
.nazarat .btn-close:focus{box-shadow: none;}
.nazarat button:hover, button:focus, .button:hover, .button:focus{background-color: transparent;}
.nazarat .nav-tabs a{color: rgb(128, 126, 126);}
.nazarat .card .card-body{border-radius: 8px;}
.nazarat .empty{text-align: center;}
.nazarat .empty img{width: 50%;padding: 2rem 0rem;}
.nazarat .converr{text-align: center;}
.nazarat .converr img{width: 60%;margin: 0%;padding: 0%;}
.nazarat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: rgb(214, 174, 174);color: white;border: none;}
/* <!-- afzayesh va kahesh mahsol --> */
.quantity-field {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 40px;
    margin: 0 auto;
  }

  .quantity-field .value-button{
    border: 1px solid #ddd;
    margin: 0px;
    width: 140px;
    height: 100%;
    padding: 0;
    background: #eee;
    outline: none;
    cursor: pointer;
    color: rgb(112, 112, 112);
  }

  .quantity-field .value-button:hover {
    background: rgb(177, 177, 177);
    color: white;
  }

  .quantity-field .value-button:active{
    background: rgb(210, 210, 210);
  }

  .quantity-field .decrease-button {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
  }

  .quantity-field .increase-button {
    margin-left: -4px;
    border-radius: 0px 8px 8px 0px;
  }

  .quantity-field .number{
    display: inline-block;
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 300px;
    height: 100%;
    line-height: 40px;
    font-size: 11pt;
    box-sizing: border-box;
    background: white;
    font-family: calibri;
  }

  .quantity-field .number::selection{
    background: none;
  }

  /*
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  */
  .detail .jizzz{background-color: white;font-family: sans;padding: 7.5px 30px;border-color: rgb(219, 219, 219);font-size: 13px;color: rgb(56, 56, 56);}
  .detail .jizzz:hover{background-color:transparent;color: rgb(112, 111, 111);border-color: rgb(71, 71, 71);}
  .detail .jizzz:focus{box-shadow: none;}
  .detail .form-select:focus{border-color: #bbbbbb;box-shadow: none;}
  .detail .sizelist{width: 65rem; position: absolute;left: -17rem;top: 7rem;}

  /* figure of zoomplus img */
  .detail .selectors figure {
    height: 8rem;
    position: absolute;
}
.detail .selectors figure .figure-inn {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.detail .selectors figure .figure-inn img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.form-check-input:checked{background-color: #e0c4bf;border-color: #e0c4bf;}
.form-check-input:focus {
    border-color: #c5c5c5;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgb(230, 230, 230);}
    .detail .iconezemanat{width: 7%;}
.sameproduct{text-align: center;}
.sameproduct h3{text-align: center;color: white;color: rgb(214, 174, 174);border-radius: 8px;padding: 6px 20px}
.sameproduct .bishtar a{border-color: rgb(214, 174, 174);padding: 6px 25px;transition: .5s;color: rgb(112, 111, 111);}
.sameproduct .bishtar a:hover{background-color: rgb(214, 174, 174);color: white;}
.sameproduct .owl-carousel-s .owl-item{margin: 0%;padding: 0%;}
.sameproduct .card-body a{background-color: rgb(14, 14, 14);border:none;font-weight: bolder;transition: .5s;border-radius: 10px;}
.sameproduct .card-body a:hover{background-color: rgb(214, 174, 174);color: white;}
.sameproduct .card{border: none;}
.sameproduct .card:hover{border: rgb(224, 224, 224) 1px solid;}

.sameproduct .owl-carousel-s .owl-nav .owl-prev{font-size: 3rem;color:rgb(214, 174, 174); position: absolute;top: 30%;justify-content: space-between;right:-3%}
.sameproduct .owl-carousel-s .owl-nav .owl-prev:hover{color: white;background-color: rgb(185, 185, 185);border-radius: 10rem;}
.sameproduct .owl-carousel-s .owl-nav .owl-next{font-size: 3rem;color: rgb(214, 174, 174); position: absolute;top: 30%;justify-content: space-between;left:-3%}
.sameproduct .owl-carousel-s .owl-nav .owl-next:hover{color: white;background-color: rgb(185, 185, 185);border-radius: 10rem;}

/* owl carousel detail page for the same product */
.owl-carousel-s,
.owl-carousel-s .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel-s {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel-s .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel-s .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel-s .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel-s .owl-item,
.owl-carousel-s .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel-s .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel-s .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel-s .owl-dots.disabled,
.owl-carousel-s .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel-s,
.owl-carousel-s.owl-loaded {
    display: block
}

.owl-carousel-s .owl-dot,
.owl-carousel-s .owl-nav .owl-next,
.owl-carousel-s .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel-s .owl-nav button.owl-next,
.owl-carousel-s .owl-nav button.owl-prev,
.owl-carousel-s button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel-s.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel-s.owl-hidden {
    opacity: 0
}

.owl-carousel-s.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel-s.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel-s.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel-s.owl-rtl {
    direction: rtl
}

.owl-carousel-s.owl-rtl .owl-item {
    float: right
}

.owl-carousel-s .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel-s .owl-animated-in {
    z-index: 0
}

.owl-carousel-s .owl-animated-out {
    z-index: 1
}

.owl-carousel-s .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel-s .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel-s .owl-item .owl-lazy:not([src]),
.owl-carousel-s .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel-s .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel-s .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel-s .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel-s .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel-s .owl-video-playing .owl-video-play-icon,
.owl-carousel-s .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel-s .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel-s .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
input::placeholder {
    font-size: 0.6rem;
}

/* owl carousel of same products pictures size */
.sameproduct .owl-carousel-s .card {
    position: relative;
    height: 28rem;
}

.sameproduct .owl-carousel-s .owl-item .card .figure-inn {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.sameproduct .owl-carousel-s .owl-item .card .figure-inn img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}




/* productes page  */
.productes .card{border-color: rgb(214, 174, 174);padding: 5px;}
.productes del{color: rgb(143, 142, 142);font-size: .80rem;}
.productes .staycenter{text-align: center;}
.productes .btn{border-radius: 12px;padding: 5px 20px;}
.productes .staycenter a{background-color: black;border: none;transition: .5s;}
.productes .staycenter a:hover{background-color: rgb(214, 174, 174);border: none;}
.productes .accordion-item{border-color: rgb(214, 174, 174);color: rgb(70, 70, 70);}
.productes .accordion-button{color: rgb(109, 108, 108);}
.productes .accordion-button:hover{color: white;background-color: rgb(214, 174, 174);}
.productes .accordion-button:focus{box-shadow: 0 0 0 3px rgb(230, 230, 230);color: white;background-color: rgb(214, 174, 174);}
.accordion-button:not(.collapsed){background-color: rgb(214, 174, 174);color:rgb(255, 255, 255) ;}
.accordion-button:not(.collapsed)::after{background-image:url(../img/down.png) ;}
.productes .form-select{outline: 0;box-shadow:none;border-color: rgb(214, 174, 174);}
.productes .form-select:focus {border-color: rgb(214, 174, 174);outline: 0;background-color:rgb(214, 174, 174);color: white;}
.productes .sticky{top: 1rem;}
.productes .accordion-body {padding-bottom: 0%;}
.productes .accordion-body .btn{background-color: rgb(128, 126, 126);;color: white;transition: .5s;}
.productes .accordion-body .btn:hover{background-color: rgb(214, 174, 174)}


/* blog categories page  */
.blogcategories .card{transition: .5s;position: relative;}
.blogcategories .card:hover{border-color: rgb(214, 174, 174);}
.blogcategories .card:hover .graover{opacity: .3;}

.blogcategories .graover{position:absolute;top: 1%;right: 1%;left: 1%;bottom: 1%;background-image: linear-gradient(rgb(214, 174, 174),  rgb(128, 126, 126),rgb(214, 174, 174));opacity: 0;transition: .75s;}
.blogcategories figure img{
    position:relative;
}
.blogcategories figure .hover::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image: linear-gradient(rgb(214, 174, 174),  rgb(128, 126, 126),rgb(214, 174, 174));
    opacity: 0;
    transition:0.5s;
}
.blogcategories .card:hover .hover::after{
     opacity: 0.3;
}
.blogcategories .card{
    transition:0.5s;
}
.blogcategories h5{text-align: center;}


/* bloges list  */
.blogeslist .card-text{color: rgb(124, 124, 124);font-size: .87rem;}
.blogeslist .smalles p{font-size: .85rem;color:rgb(214, 174, 174) ;}
.blogeslist .chapie{font-size: .85rem;color: rgb(214, 174, 174)}
.blogeslist .smalles .bi{color: rgb(214, 174, 174);font-weight: bolder;}
.blogeslist .card{transition: .5s;}
.blogeslist .card:hover{border-color: rgb(214, 174, 174);}


/* bloges detail  */
.blogesdetail .kolli{top: 1rem;}
.blogesdetail h2{color: rgb(214, 174, 174);border-radius: 8px;text-align: center;}
.blogesdetail .titlesh img{margin: auto;padding: 1rem;width: 100% !important;}
.blogesdetail .texteblog p{line-height: 1.75;color:rgb(109, 108, 108) ;}
.blogesdetail .titr h4{padding:10px;border-radius: 8px;text-align: right;}
.blogesdetail .kolli h6{line-height: 1.65;font-size: .87rem;}
.blogesdetail .titr .bi{color: rgb(214, 174, 174);font-size: 1rem;}
.blogesdetail .kolli .card{transition: .5s;}
.blogesdetail .kolli .card:hover{box-shadow: 0 0 5px 0 rgb(214, 174, 174);}
.blogesdetail .commentes .card .card-body .img-fluid{width: 75%;}

.blogesdetail .commentes .wow{background-color:rgb(214, 174, 174) ;border: none;padding: 5px 15px;transition: .5s;}
.blogesdetail .commentes .wow:hover{background-color: rgb(126, 125, 125);}
.blogesdetail .commentes .btn-check:focus+.btn, .btn:focus{box-shadow: 0 0 0 0.25rem rgb(233, 233, 233);}
.blogesdetail .commentes .card-body .jezzz{margin: .5rem 7rem .5rem .5rem;}
.blogesdetail .commentes .reactionenazar{justify-content: end;display: flex;align-items: center;}
.blogesdetail .commentes .reactionenazar .bi{color: rgb(109, 108, 108);transition: .5s;}
.blogesdetail .commentes .reactionenazar .bi:hover{color: rgb(214, 174, 174);}
.blogesdetail .commentes .card{border: none;margin-top: 1rem;}
.blogesdetail .commentes .card-body{border-color: rgb(214, 174, 174) !important;}
.blogesdetail .texeup .bi{color: rgb(214, 174, 174);}
.blogesdetail .commentes .form-que{margin-top: 5.5rem;}
.blogesdetail .commentes .form-que .form-control{border-radius: 4px;}
.blogesdetail .commentes .card-body .btn-primary{color: rgb(255, 255, 255);background-color: rgb(214, 174, 174);border: none;transition: .5s;}
.blogesdetail .commentes .card-body .btn-primary:hover{background-color: rgb(112, 112, 112);color: white;}
.blogesdetail .commentes .btn-close:focus{box-shadow: none;}
.blogesdetail .commentes button:hover, button:focus, .button:hover, .button:focus{background-color: transparent;}
.blogesdetail .commentes .nav-tabs a{color: rgb(128, 126, 126);}
.blogesdetail .commentes .card .card-body{border-radius: 8px;}
.blogesdetail .commentes .empty{text-align: center;}
.blogesdetail .commentes .empty img{width: 50%;padding: 2rem 0rem;}
.blogesdetail .commentes h3{background-color: rgb(214, 174, 174);color: white;border-radius: 7px;padding: 10px 20px;transition: .5s;}
.blogesdetail .commentes h3:hover{background-color: rgb(155, 155, 155);}
.blogesdetail p{text-align: justify;}
.texeupp{display: flex;}
.ops .bi{color: rgb(214, 174, 174);}
.test {position: absolute;top: -2rem;}
.kollie .texteblog img{width: 60%;margin: auto;display: flex;}

/* vorood page */
.vorood .card{border-color: rgb(214, 174, 174);}
.vorood .mainvorood a{color: rgb(214, 174, 174);}
.vorood .mainvorood p{color: rgb(87, 87, 87);font-size: .75rem;}
.vorood .mainvorood .btn{background-color: rgb(214, 174, 174);border:none;transition: .5s;font-family: sans;width: 100%;}
.vorood .mainvorood .btn:hover{background-color: rgb(124, 124, 124);}
.vorood .mainvorood .bi{color: rgb(214, 174, 174);font-size: 1.5rem;}
.vorood .lottie{width: 25rem;margin: auto;display: flex;}

/* taeed page  */
.taeed .card{padding:3rem 2rem;}
.taeed .bi{font-size: 1.5rem;color: rgb(214, 174, 174);}
.taeed .btn{background-color: rgb(214, 174, 174);transition: .5s;border: none;font-family: sans;}
.taeed .btn:hover{background-color: rgb(124, 124, 124);}
.taeed a{color: rgb(214, 174, 174);}
.taeed .bij{font-size:1rem ;}
.taeed h4{text-align: center;white-space: nowrap;}
.taeed .again a{transition: .5s;text-align: center;}
.taeed .again a:hover{color: rgb(109, 108, 108);}

/* sabte name page  */
.sabtename .bi{color: rgb(214, 174, 174);}
.sabtename .card{border-color: rgb(214, 174, 174);}
.sabtename .btn{background-color: rgb(214, 174, 174);border:none;font-family: sans;transition: .5s;}
.sabtename .btn:hover{background-color: rgb(109, 108, 108);}
.sabtename .tosh{justify-content: center;display: flex;flex-direction: column;}
.sabtename .pof span{color: rgb(214, 174, 174);transition: .5s;}
.sabtename .pof span {
    display: inline-block;
    color: rgb(214, 174, 174);
    text-decoration: none;
}

.sabtename .pof span::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: rgb(139, 139, 139);
    transition: width 0.6s;
}
.sabtename .pof span:hover::after {
    width: 100%;}
.partemenu .mega .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius:0.5rem;
    z-index: 1200;
    display: none;
    background: #fff;
}
.partemenu .mega:hover .mega-menu {
    display: block;
    top: 90%;
    animation: mega 0.75s ease-in-out;
    opacity: 1; }
.partemenu .mega .mega-menu .cat{
    outline: unset !important;
    border: 0 !important;
}
.partemenu .mega .mega-menu .cat:hover{
    outline: 1px solid rgb(214, 174, 174) !important;
}
.partemenu .mega .mega-menu .cat .aksess{
    height: 13rem;
}
.partemenu .mega .mega-menu .cat .aksess .figure-inn{
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.partemenu .mega .mega-menu .cat .aksess .figure-inn img{
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}