@import "https://901b43.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/colors.css";
@import "https://413ac4.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/buttons.css";
@import "https://8761a8.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/attributes-modal.css";
@import "https://01db2e.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/cart.css";
@import "https://7aa205.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/menu.css";
@import "https://f2febf.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/slider.css";
@import "https://40d5fc.claudeassets.com/20220127070645cs_/https://satiss-dz.com/static/css/zoom.css";


a 
{
    text-decoration: none !important;
    color: inherit;
}
.plus-qtt,.minus-qtt 
{
    cursor: pointer;
}

@font-face {
    font-family: "Galano";
    src: url("https://8932cc.claudeassets.com/20220127070645im_/https://satiss-dz.com/static/css/medium.otf") format("opentype");
}
@font-face {
    font-family: "Galano";
    src: url("https://fa46d0.claudeassets.com/20220127070645im_/https://satiss-dz.com/static/css/bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "Galano";
    src: url("https://989c23.claudeassets.com/20220127070645im_/https://satiss-dz.com/static/css/light.otf") format("opentype");
    font-weight: 100;
}

body 
{
    font-family: Galano , sans-serif !important;
    color:#3a3a3a;
}


.add-to-cart
{
    padding: 7px 13px;
    font-size: 13px;
    cursor:pointer;
    font-weight: bold;
    border: 1px solid #cccccc;
    color:#3a3a3a;
    display: inline-block;
    padding: 7px 13px;
    text-transform: uppercase;
    transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -webkit-transition: .1s all ease-in-out;
}

.no-stock
{
    padding: 7px 13px;
    color: #8a0000;
    font-size: 16px;
    cursor:pointer;
    font-weight: bold;
    display: inline-block;
}
.product-price 
{
    
}
.category-item 
{
    position: relative;
    overflow: hidden;
}

.categorie-title
{
    opacity: 0;
    top: 0;
    left: 0;
    background: rgb(0,0,0,.8);
    background: -moz-radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 100%);
    background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    color:white;
    transition: .1s all ;
    -o-transition: .1s all ;
    -moz-transition: .1s all ;
    -webkit-transition: .1s all ;
    display: flex;
    align-items: center;
}
.categorie-title a 
{
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    display: inline-block;
    padding: 10px;
    background: rgba(213, 180, 139,.8);
}
.category-item img 
{
    transition: .2s all ;
    -o-transition: .2s all ;
    -moz-transition: .2s all ;
    -webkit-transition: .2s all ;
}
.categorie-title a:hover 
{
    background: rgb(213, 180, 139);
    color:white
} 

.category-item:hover .categorie-title
{
    opacity: 1;
}
.category-item:hover img
{
    transform: scale(1.1,1.1) ;
    -o-transform: scale(1.1,1.1) ;
    -moz-transform: scale(1.1,1.1) ;
    -webkit-transform: scale(1.1,1.1) ;
    filter: grayscale(.5);
    -webkit-filter: grayscale(.5);
    
}
.pagin-item:hover 
{
    background: #76542a;
    border: 1px solid black;
    color: white !important;
    
}
.pagin-item 
{
    display: inline-block;
    margin-right: 8px;
    padding: 8px;
    border:1px solid #000
}

.product-image 
{
    max-height: 360px;
}
.product-image img
{
    transition: .3s all ;
    -o-transition: .3s all ;
    -moz-transition: .3s all ;
    -webkit-transition: .3s all ;
}

.product:hover .product-image img
{
    transform: scale(1.1,1.1) ;
    -o-transform: scale(1.1,1.1) ;
    -moz-transform: scale(1.1,1.1) ;
    -webkit-transform: scale(1.1,1.1) ;
}
.product-title 
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
    font-weight: bold;
    text-transform: uppercase;
}
.about-container 
{
    background: url(https://9b4101.claudeassets.com/20220127070645im_/https://satiss-dz.com/static/img/about.jpg);
    background-size: cover;
    
}
.title  
{
    position: relative;
    padding-left: 20px;
}
.title ::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) ;
    -o-transform: translateY(-50%) ;
    -moz-transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%) ;
    height: 75%;
    width: 6px;
    background: var(--day);
}
.searchinput
{
    width: 100%;
    border:0;
    border-radius: 10px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    background:#a0a0a057;
}
.searchinput+span 
{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%) scaleX(-1);
    -o-transform: translateY(-50%) scaleX(-1);
    -moz-transform: translateY(-50%) scaleX(-1);
    -webkit-transform: translateY(-50%) scaleX(-1);
    color:rgba(0, 0, 0,.3);
}
.searchform 
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) ;
    -o-transform: translateY(-50%) ;
    -moz-transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%) ;
    width: 90%;
}
.promotional 
{
    /* background: rgb(47, 255, 134); */
    display: inline-block;
    background: #9d0000;
    /* background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,255,0,.3) 0%, rgba(0,255,0,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,255,0,.3) 0%, rgba(0,255,0,0) 100%);
    background: linear-gradient(180deg, rgba(0,255,0,.3) 0%, rgba(0,255,0,0) 100%); */
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    border-radius: 0px 0px 0px 15px;
    color: white;
}

.suggestion .img-fluid 
{
    max-height: 290px !important;
}
.single-attribute-choice
{
    display: inline-block;
    align-items: center;
    align-content: center;
    border: 1px solid #d2d2d2;
    padding: 7px;
    cursor: pointer;
    transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    -moz-transition: .1s all ease-in-out;
    -webkit-transition: .1s all ease-in-out;
}
.single-attribute-choice.active 
{
    border: 2px solid var(--night);
}
.color-choice:nth-child(1){
    margin-left: 18px !important;
} 
.color-choice 
{   
    width: 35px;
    padding: 0;
    height: 15px !important;
    margin-left: 8px !important;
}

@media (min-width: 601px) {
    .product img 
{
    max-height: 318.75px !important;
}
  }
  @media (max-width: 601px) {
      .search-container{
          position: relative;
          height: 50px;
      }
    .suggestion img 
{
    max-height: 156px !important;
}
  }  

/*
     FILE ARCHIVED ON 17:16:14 Apr 19, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:37:54 Oct 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.579
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.053
  esindex: 0.01
  cdx.remote: 11.708
  LoadShardBlock: 66.889 (3)
  PetaboxLoader3.datanode: 92.499 (5)
  PetaboxLoader3.resolve: 75.893 (2)
  load_resource: 136.406
  loaddict: 54.209
*/