.productModal{
    position: fixed;
    top:0;
    left:0;
    z-index:3000;
    /*wf-left;*/
    width: 100%;
    /*height:auto;*/
    height: 100vh;
    /*max-width:1820px;*/
    /* z-index: 1; */
    /* background: #000; */
    display:none;
  }
   .productModal.open{
    display:block;
   }

  @media only screen and (min-width:1024px){
    .productModal.open{
    /*display:flex;*/
    }
  }
  
  .productModalWrapper{
    display: flex; 
    position: relative;
    /* display: flex; */
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    width: 100%;
  }
  
  .productModalContent {
    /* height: 100%; */
    width: 100%;
    /*max-width:80%;*/
    position: relative;
    display: flex; 
    flex-wrap:wrap;
    /* display: inline-flex; */
  }
 
  .productModalLeft{
    width:100%;
    /*padding-top:52px;*/
    padding-left:0px;
    /*padding-right:52px;*/
    /*height:100%;*/
    /*max-width:1300px;*/
  }
  
  @media only screen and (min-width:1024px){
    .productModalLeft{
    padding-left:52px;
      /*width:70%;*/
    }
  }

  @media only screen and (min-width:1380px){
    .productModalLeft{
      width:var(--block52);
    }
  }

    .productModalRight{
      width:100%;
      /*flex:1;*/
      /*z-index: 555;*/
      /*height: 140px;*/
      min-width:380px;
    }
  
  @media only screen and (min-width:496px){
    .productModalRight{
    /*  position: fixed;*/
    /*  bottom: 0;*/
    /*  z-index: 555;*/
    /*  height: 200px;    */
    }
  
  }
  
  @media only screen and (min-width:769px){
    .productModalRight{
      /*width:100%;*/
      /*min-height:450px;*/
      /*height:100%;*/
      /*position:relative;*/
    }  
  }  
  
  @media only screen and (min-width:1024px){
    .productModalRight{
      /*width:30%;*/
      /*position:absolute;*/
      /*top: 0;*/
      /*right:0;*/
      /*max-width:30%;*/
    }
  }  
  
  @media only screen and (min-width:1380px){
    .productModalRight{
      /*width:30%;*/
      width:var(--block21);

    }
  }
  
  .productInfoLine{
    padding:26px 52px;
    display: flex;
    flex-direction: column;
  }
  
  @media(max-width:769px){
    .productInfoLine{
      padding:26px 26px;
    }
  }
  
  .productInfo{
  /*margin-bottom:26px;*/
  }
  
  
  .productMediaImage{
    position:relative;
    margin:0 auto;
    /*background-image: url(/assets/landing/the-movie/494506.webp);    */
    width: 100%;
    max-width:1300px;
    height: 780px;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-bottom:26px;*/
    z-index:55;
    /* background-position: center;   */ 
    display:flex;
    align-items:center;
    justify-content:center;
  }
  
  .productMediaImage.big{
    width: 100%;
    /*min-height: 780px;*/
    /*background-color: var(--gray);*/
    /*margin:0 auto;*/
  }

  .productMediaImage.med{
    width:100%;
    /*margin:0 auto;*/
    /*float:right;*/
    /*min-height: 572px;*/
  }

  .productMediaImage img{
      /*margin:0 auto;*/
      /*width: 80%;*/
      /*height:auto;*/
      width: auto;
      height:80%;
  }
  .productImg{
      width: 90%;
      height:90%;
      position:absolute;
      background-repeat:no-repeat;
      background-size:contain;
      background-position:center;
      /*background-*/
  }
  
  .placeH3{
    width:100%;
    height:78px    
  }
  .placeH4{
    margin-top:78px;
  }
  @media only screen and (max-width:769px){
    .productMediaImage.big,  
    .productMediaImage.med{
    
      /*height: auto;*/
    
    }
    .placeH3{
      width:100%;
      height:26px    
    }  
    .placeH4{
      margin-top:26px;
    }
  }
  
  .productMediaDescription{
    /*padding:26px 0px;*/
    text-transform:uppercase;
  }
  
  .w-full{width:100%;}

.gdnAsR {
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid rgb(117, 117, 117);
    border-radius: 100%;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}
.gdnAsR::before {
    display: block;
    content: " i ";
    font-size: 0.75rem;
    color: rgb(117, 117, 117);
}
.dbPAWk{
  font-size:14px;
}
.t-center{
  text-align:center;
}


.l-button{
  /*font-size:11px;*/
  /*text-transform:uppercase;*/
  /*color:black;*/
  font-weight:600;  
}
.l-button-frame{
    border: 2px solid white;
}
.l-button-small{
  width:var(--block2);
  height:var(--block1);
}
.l-button-normal{
  width:var(--block4);
  height:var(--block1);
}
.l-button-normal-wide{
  width:var(--block6);
  height:var(--block1);
}
.l-button-medium{
  width:var(--block6);
  height:var(--block2);
}

.kRIbhw {
    margin-left: 0.75rem;
}
.cEWHhy {
    transition: transform 0.1s linear;
    display: block;
    flex: 0 0 auto;
}
.jkUmZk {
    line-height: 0;
    height: 16px;
    width: 16px;
}



.plate10x10{
  width:var(--block10);
  height:var(--block10);
}

.mode-none-invert{
  
}
.dark-mode .mode-none-invert{
  filter: invert(1);
}