.cookie-floating {


  position: fixed;


  bottom: 24px;


  left: 50%;


  transform: translateX(-50%) translateY(40px);


  background: #35392a;


  color: #ffffff;


  font-size: 0.95rem;


  padding: 1rem 1.5rem;


  border-radius: 1.6rem;


  box-shadow: 0 8px 24px rgba(0,0,0,0.25);


  display: flex;


  flex-direction: column;


  align-items: center;


  gap: 0.8rem;


  text-align: center;


  z-index: 9999;


  opacity: 0;


  pointer-events: none;


  transition: opacity 0.6s ease, transform 0.6s ease;


}





.cookie-floating.show {


  opacity: 1;


  pointer-events: auto;


  transform: translateX(-50%) translateY(0);


}





.cookie-floating p {


  margin: 0;


  font-size: 0.95rem;


  color: #ffffff;


  line-height: 1.4;


}





.cookie-actions {


  display: flex;


  flex-wrap: wrap;


  gap: 0.6rem;


  justify-content: center;


}





.cookie-actions button {


  background-color: var(--color-primary);


  color: var(--color-light);


  border: none;


  font-size: 0.85rem;


  padding: 0.45rem 1.2rem;


  border-radius: 1.2rem;


  cursor: pointer;


  transition: background-color 0.3s ease, transform 0.3s ease;


}





.cookie-actions button:hover {


  background-color: var(--color-accent);


  transform: translateY(-1px);


}





/* 🔄 Mobile fix */


@media screen and (max-width: 480px) {


  .cookie-floating {


    width: 92%;


    bottom: 20px;


    padding: 1rem 1.2rem;


    border-radius: 1rem;


    font-size: 0.9rem;


  }





  .cookie-actions {


    flex-direction: column;


    align-items: stretch;


    gap: 0.4rem;


  }





  .cookie-actions button {


    width: 100%;


    font-size: 0.9rem;


    padding: 0.6rem 1rem;


  }


}