.drop-down.accessory{
  padding: 1rem;
}
h2.title-acc{
color:black;
  font-family: Avenir, Arial;
  font-size:32px;
  margin-bottom: 1.4rem;
}

.transition-hidden{
    opacity:0;
    transition: 3s ease;
}
#AccessoriesTitle,.gallery__text-preview{
  text-transform: capitalize;
}
.gallery-linebent{
display: grid;
    gap: 2rem;
    grid-template-columns: repeat(4, 1fr);
   /* margin-right: 2vw; 
    margin-left: 2vw; */
    row-gap: 0px;

  margin-top:50px;
  max-width: 1400px;
    margin: auto;
  padding: 1rem 0;
}

.gallery__imagebent{
  position:relative;
  height:max-content;
  text-decoration:none;
}

.gallery__imagebent img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  background: white;
  max-height:20vw;
  padding: 1rem;
  aspect-ratio: 1;
}

.container {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.gallery__text{
  border-bottom: 1px solid grey;
  margin-bottom: 0px;
  padding: 15px;
  color: black;
  margin-top: -2px;
}

.gallery__text-preview{
  background-color:#F7F7F7 !important;
  color:black;
  padding: 13px 15px;
  margin-bottom: 0px !important;
  height: 50px;
}
.gallery__text-container{
 /*opacity:0;*/ 
  opacity: 1 !important;
 background:#F7F7F7;
 margin-bottom: 20px;
 /*max-height: 0px;*/
  max-height: 1000px;
  padding: 14px 0;
}


.container:hover .gallery__text-container{
 opacity:1 !important; 
      -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
  max-height: 1000px;
}

.container:hover .gallery__text-preview{
/*   display:none; */
  background-color:#F7F7F7;
}

.gallery__paragraph::-webkit-scrollbar {
    width: 8px;
}

.gallery__paragraph::-webkit-scrollbar-thumb {
  background-color: lightgray;
}

.gallery__paragraph{
  padding: 14px;
    min-height: 70px;
  color:black;
  margin-bottom: 0px;
    font-size: 15px;
  border-top: 1px solid black;
  height: 130px;
    padding: 12px 14px 14px 14px;
    overflow-y: scroll;
}

@media screen and (max-width:600px){
  .gallery-linebent {
    display: grid;
    gap: 0.5rem !important;
    grid-template-columns: repeat( auto-fit, minmax(33.33%, 1fr) );
    margin-left: 0;
    margin-right: 0;
    row-gap: 0;
    margin-top: 0!important;
  }
  .accessories-linebent{
      gap: 4rem 0.5rem !important;
}
    .gallery__text{
    font-size:20px;
  }
  .gallery__text-preview{
    background-color:#F7F7F7;
  }
  .gallery__text-container{
    opacity: 1;
  }

  
 .gallery__imagebent {
    height: 75vw !important;
}
   .gallery__imagebent img{
     max-height:35vw;
}
  
}
.padding-imagen{
  padding: 2rem 1rem 1rem 1rem!important;
}

.pictures{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 50% 50%;
    grid-gap: 1rem;
}

.gallery__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__image:nth-child(1){
    grid-column: span 1;
    grid-row: span 1;
}

.gallery__image:nth-child(2){
    grid-column: span 1;
      grid-row: span 2;

}

.gallery__image:nth-child(3){
    grid-column: span 1;
      grid-row: span 1;

}

.container {
  position: relative;
  height:100%;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #00b4c461;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.gallery__text-container{
  position: relative;
    width: 100%;
    height: auto !important;
    left: 0;
}

.container:hover .overlay {
  opacity: 1;
}

.gallery__text-container .text {
  color: white;
  font-size: 20px;
  position: absolute;
  text-align: left;
  padding:40px;
  width: 240px;
}

@media screen and (max-width:850px){
  
  .pictures {
        padding:unset !important;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}

  @media screen and (max-width: 500px){
    .gallery__text-container .text {
        width: 100px;
    }
  }
@media screen and (max-width: 900px){
.gallery__text-container .text {
    font-size: 18px !important;
}
}

.gallery__image:nth-child(1){
    grid-column: span 1;
    grid-row: span 1;
}

.gallery__image:nth-child(2){
    grid-column: span 1;
      grid-row: span 2;

}

.gallery__image:nth-child(3){
    grid-column: span 1;
      grid-row: span 1;

}

}
}

.accessory-modal{
    
  }

.accessory .Line {
    width: 70%;
    margin-left: 4%;

}
.accessory .title {
    width: 25%;
    margin-top: 20px;
}

.accessory .hidden{
/*   display: none; */
  margin-top:0 !important;  
}

.gallery__text{
  font-size: 14px;
  display: none;
}
.gallery__text-preview{
  font-size: 16px;
}
.drop-down.options .Line,.drop-down.accessory .Line{
  display: none;
}
.arrow-block {
    cursor: no-drop;
 
}
@media screen and (max-width:600px){
  .Line {
      display: none !important;
  }
    #ModalAccessories .modal-content{
    width: 90%;
  }

  .gallery__paragraph {
    background-color: #F7F7F7;
    font-size: 13px!important;
    height: 100px!important;
    overflow-y: scroll;

}
  
.gallery__imagebent {
    height: max-content!important;
/*     width: 47%; */
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: initial;
    flex-direction: column-reverse;
  margin-top: 0!important;
}
  .gallery__text-preview{
    height: 85px;
    display: flex;
    align-content: center;
    flex-flow: wrap;
  }
  .gallery-linebent {
    display: grid;
    gap: 25px 25px!important;
  }
  
  .gallery__text-container{
  background: #f7f7f7;
    margin-bottom:0;
    padding-bottom: 20px;
  max-height: unset;  
}
}