body,html{
    padding: 0;
    margin: 0;
    overflow-x: hidden;

}
body {

  background-color: #000; /* sau orice culoare vrei */
}

#serviciigene{
    width: 100vw;
    height: auto;
    padding-bottom: 10vh;
    background-image: url(poze/backserviciigene.webp);
    background-position: center;
    background-repeat: no-repeat;

    background-attachment: fixed;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.headertlf{
    width: 100vw;
    height: 20vh;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#logo_headertlf{
    max-width: 50vw;
  

}
#logo_headertlf a{
    text-decoration: none;
  color: inherit; /* păstrează culoarea textului */
}
#meniutlf{
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;

position: absolute;
right: 0;
margin-right: 5vw;
}


#cerculetheadtlf {
  z-index: 1000001;
  width: 7vw;
  height: 7vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}

#cerculetheadtlf span {
  
filter: drop-shadow(-1px 1px 2px #000000);
  width: 90%;
  height: 0.7vw;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  transition: all 0.3s ease;
}
#serviciigene{
    text-align: center;
   
}
#listadepreturi{
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 90vw;
    height: auto;
    text-align: center;
    background-color: rgba(205, 182, 182, 0.326);
    backdrop-filter: blur(5px);
    border-radius: 5vw;
    box-shadow: -7px 13px 5px -1px rgba(0,0,0,0.75);
-webkit-box-shadow: -7px 13px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -7px 13px 5px -1px rgba(0,0,0,0.75);

}
#titlulista{
      font-size: 12vw;
  color: rgb(255, 255, 255);
  font-family: "Poppins", sans-serif;
       font-weight: 400;
      text-shadow: 0px -2px 4px rgb(0, 0, 0);
 
  margin: 0;
}
#titlulista2{
       font-size: 12vw;
  color: rgb(255, 255, 255);
  font-family: "Poppins", sans-serif;
       font-weight: 400;
       text-shadow: 0px -2px 4px rgb(0, 0, 0);
      
 
  margin: 0;
}
#lis2{
    margin-top: 10vh;
}
.lpgene2{
         font-family: 'ClashDisplay-Bold';
  font-size: 1.8rem;
text-shadow: 0px -2px 4px rgb(0, 0, 0);
 margin-bottom: 5vh;
 color: white;
}
ul {
  list-style: none;
  padding-left: 0;
}
.lpgene{
     font-family: 'ClashDisplay-Bold';
  font-size: 1.8rem;
text-shadow: 0px -2px 4px rgb(0, 0, 0);
 margin-bottom: 3vh;
 color: white;
}
#efectes{
     font-family: 'ClashDisplay-Regular';
  font-size: 1.2rem;
  color: white;
  text-shadow: 0px -2px 4px rgb(0, 0, 0);
}
#cerculete{
    position: absolute;
}
#ef{
     font-family: 'ClashDisplay-Bold';
}
#ef2{
     font-family: 'ClashDisplay-Regular';
  color: #F4D6B0  !important;

}
a{
    text-decoration: none;
  color: inherit; /* păstrează culoarea textului */
}
button {
 filter: drop-shadow(-1px 1px 2px #000000);
  font-size: 2rem;
  color: #e1e1e1;
  font-family: inherit;
  font-weight: 800;
  cursor: pointer;
  position: relative;
  border: none;
  background: none;
  text-transform: uppercase;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: color;
}

button:focus,
button:hover {
  color: #fff;
}

button:focus:after,
button:hover:after {
  width: 100%;
  left: 0%;
}
#overlaymenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100vh;
  background-color: black;
  z-index: 999999;
  display: flex;
 flex-direction: column;

align-items: center;
  padding: 2vh;
}

#closebtn {
z-index: 199999;
  color: white;
  font-size: 4vh;
position: absolute;
  transform: translateX(37vw);

  cursor: pointer;
}
#closebtn-header{
  display: flex;
  justify-content: center;
  align-items: center;
  
}

#logo_meniul {
  opacity: 0;
  transform: translateY(50px);
}

#menulist h1 {
  opacity: 0;
  transform: translateY(50px);
}

#menulist {

  margin-top: 10dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 5vw;
gap: 3vh;
}
#menulist h1{
  text-align: center;
    opacity: 0;
}

#m1 {
  color: white;
  font-size: 15vw;
margin: 0;
 font-family: "Poppins", sans-serif;
       font-weight: 100;
  cursor: pointer;
}
#m2{
  margin: 0;
   color: white;
  font-size: 14vw;
      font-family: "ClashDisplay-Regular", sans-serif;
       font-weight: 300;
  cursor: pointer;
}
#logo_meniul{
  max-width: 30dvh;
}
#programare {
  margin-top: 20vh;
  --glow-color: #F4D6B0; /* auriu deschis, cu tentă roz */
  --glow-spread-color: rgba(222, 164, 130, 0.78); /* aur cald cu roz subtil */
  --enhanced-glow-color: #F4D6B0;
  --btn-color: #e8b4b455; /* bază transparentă rose-gold */
  border: .25em solid var(--glow-color);
  padding: 1em 2em;
  color: var(--glow-color);
  font-size: 1.5rem;
  font-weight: bold;
  background-color: var(--btn-color);
  border-radius: 1em;
  outline: none;
  box-shadow: 0 0 1em .25em var(--glow-color),
              0 0 4em 1em var(--glow-spread-color),
              inset 0 0 .75em .25em var(--glow-color);
  text-shadow: 0 0 .5em var(--glow-color);
  position: relative;
  transition: all 0.3s;
}

#programare::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 120%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--glow-spread-color);
  filter: blur(2em);
  opacity: .7;
  transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}

#programare:hover {
  color: black;
  
  background-color: var(--glow-color);
  box-shadow: 0 0 1em .25em var(--glow-color),
              0 0 4em 2em var(--glow-spread-color),
              inset 0 0 .75em .25em var(--glow-color);
}

#programare:active {
  box-shadow: 0 0 0.6em .25em var(--glow-color),
              0 0 2.5em 2em var(--glow-spread-color),
              inset 0 0 .5em .25em var(--glow-color);
}
body {
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE și Edge */
  overflow-y: auto;            /* păstrează scroll funcțional */
}

body::-webkit-scrollbar {
  display: none;               /* Chrome, Safari, Opera */
}
html {
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE și Edge */
  overflow-y: auto;            /* păstrează scroll funcțional */
}

html::-webkit-scrollbar {
  display: none;               /* Chrome, Safari, Opera */
}
button:after {
  
  content: "";
  pointer-events: none;
  bottom: -2px;
  left: 50%;
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: width, left;
}
@font-face {
  font-family: 'ClashDisplay-Bold';
  src: url('fonts/fonts-clash/ClashDisplay-Bold.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Bold.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Bold.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Regular';
  src: url('fonts/fonts-clash/ClashDisplay-Regular.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Regular.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@media (min-width:900px) {
#logo_headertlf{
  max-width: 20vw;

}
#selectare img{
  max-width: 50vw;
}
#titlulista{
  width: 60vw;
}
#titlulista{
      font-size: 5vw;
  color: rgb(0, 0, 0);
  font-family: "Poppins", sans-serif;
       font-weight: 400;
       text-shadow: -4px 4px 2px rgba(196, 156, 156, 0.6);
 text-align: center;

}
#titlulista2{
       font-size: 5vw;
  color: rgb(0, 0, 0);
  font-family: "Poppins", sans-serif;
       font-weight: 400;
       
      
 
  margin: 0;
}
#cerculetheadtlf {

  width: 5vw;
  height:5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}

#cerculetheadtlf span {
  
filter: drop-shadow(-1px 1px 5px #000000);
  width: 90%;
  height: 0.7vw;
  background-color: rgb(0, 0, 0);
  border-radius: 2px;
  transition: all 0.3s ease;
}#m1 {
  color: white;
  font-size:5vw;
margin: 0;
 font-family: "Poppins", sans-serif;
       font-weight: 100;
  cursor: pointer;
}
#m2{
  margin: 0;
   color: white;
  font-size: 5vw;
      font-family: "ClashDisplay-Regular", sans-serif;
       font-weight: 300;
  cursor: pointer;
}

}