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

}
body {

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

.headertlf{
    width: 100vw;
    height: 20vh;

    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#logo_headertlf{
    max-width: 50vw;
  filter: drop-shadow(-1px 1px 2px #000000);

}
#serviciimicro{
    width: 100vw;
    height: auto;
    background-image: url(poze/bacmicro2.webp);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding-bottom: 10vh;
    overflow: hidden;
    align-items: center;

}
#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 {
  width: 90%;
  filter: drop-shadow(-1px 1px 2px #000000);
  height: 0.7vw;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  transition: all 0.3s ease;
   margin-right: 5vw;
}

a{
    text-decoration: none;
  color: inherit; /* păstrează culoarea textului */
}

#listadepreturi{
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 90vw;
    height: auto;
    padding-bottom: 5vh;
    text-align: center;
    background-color: rgba(27, 26, 26, 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: 9vw;
  color: rgb(249, 249, 249);
  font-family: "Poppins", sans-serif;
       font-weight: 400;
 margin-top: 5vh;
 filter: drop-shadow(-1px 1px 2px #000000);

}


.lpgene{
    margin-top: 10vh;
         font-family: 'ClashDisplay-Bold';
  font-size: 1.1rem;
text-shadow: 0px -2px 4px rgba(164, 161, 161, 0.311);
 margin-bottom: 5vh;
 color: rgb(208, 194, 110);
 filter: drop-shadow(-1px 1px 2px #000000);
}
#scrislpgene{
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  margin: 3vw;
text-shadow: 0px -2px 4px rgba(164, 161, 161, 0.311);
 margin-bottom: 5vh;
 color: rgb(255, 255, 255);
}
ul {
  list-style: none;
  padding-left: 0;
}
.lpgene{
     font-family: 'ClashDisplay-Bold';
  font-size: 1.8rem;
text-shadow: 0px -2px 4px rgba(164, 161, 161, 0.311);
 margin-bottom: 3vh;
}
#efectes{
     font-family: 'ClashDisplay-Regular';
  font-size: 1.2rem;

}
#cerculete{
    position: absolute;
}

#ef2{
  font-family: 'ClashDisplay-Light';
   color: #F4D6B0  !important;
}
#butonptrprog{
  width: auto;
  height: auto;

justify-content: center;
align-items: center;
display: flex;

}
#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);
}

a{
    text-decoration: none;
  color: inherit; /* păstrează culoarea textului */
}
/* From Uiverse.io by WhiteNervosa */ 
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%;
}

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;
}
#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 {

  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;
}
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 */
}
@font-face {
  font-family: 'ClashDisplay-Elight';
  src: url('fonts/fonts-clash/ClashDisplay-Extralight.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Extralight.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Light';
  src: url('fonts/fonts-clash/ClashDisplay-Light.woff2') format('woff2'),
       url('fonts/fonts-clash/ClashDisplay-Light.woff') format('woff'),
       url('fonts/fonts-clash/ClashDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  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;
}
@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;
}
@media (min-width:900px) {
#logo_headertlf{
  max-width: 20vw;

}
#selectare img{
  max-width: 50vw;
}
#titlulista{
  width: 60vw;
}


#cerculetheadtlf {
  z-index: 1000001;
  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 2px #fcfcfc);
  width: 90%;
  height: 0.3vw;
  background-color: rgb(255, 255, 255);
  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;
}

}