html{
        height: 100%; /* Fontos! */
        scroll-behavior: smooth;
        }

    body{
        font-family:'Nunito Sans', sans-serif;
        font-size: 17px;
        line-height: 1.6;
        display: flex;
        flex-direction: column;
        min-height: 100vh; /* Legalább a képernyő méretű legyen */
        }
  
    main.container-fluid{
        flex: 1; /* A tartalom foglalja el a maradék helyet */
        }

        
    footer{
        background-color: black;
        color: white;
        font-weight: 700;
        word-wrap: break-word;
        }

    .col-lg-1{
        color:white;
        }   

    span{
        color:red;
        }    

    strong, b{
        font-weight: 700;
        }

    h2{
        font-family: 'Poppins', sans-serif;
        font-size: 36px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.5px;
        font-style: italic;  
        text-shadow: 2px 1px 1px #525050;
        text-decoration: underline;
        }    

    h1{
        font-family: 'Poppins', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.5px;
        text-shadow: -2px -2px 2px rgb(27, 1, 1); 
        }


    .slider h1{
        font-family: 'Poppins', sans-serif;
        font-size: 60px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.5px;
        -webkit-text-fill-color: rgb(255, 255, 255);
        -webkit-text-stroke-color: rgb(0, 0, 0);
        -webkit-text-stroke-width: 4.00px; 
        text-align: left;
        position:relative;
        bottom:0px;
        }
    
    

    .slider{
        background-image: url('https://adv.carmechanix.hu/store/site_news/20250605_1758.png');
        background-position: center;
        background-size: cover;
        text-align: center;
        }

    .col-8{
       font-weight: bold;
       font-size:20px;
       -webkit-text-stroke-color: rgb(0, 0, 0);
       -webkit-text-stroke-width: 1.00px; 
       text-align: left;
       position:relative;
       bottom:0px;
       }

    .blokk1{   
        background-color: rgba(0, 0, 0, 0.4);
        }     
        
    h3{
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.5px;
        font-weight: bold;   
        text-shadow: -2px -2px 2px rgb(73, 1, 1); 
        }

    h5{
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0.5px;
        font-weight: bold;   
        text-shadow: 0px 0px 1px rgb(73, 1, 1); 
        }

    a{
       text-decoration: none;
        }   


    a:hover{
        color:#e9af00!important;
        text-decoration: none;
        }

    .kapcsolat a{
        font-weight: bold;
        color:red;
    }
        

    .kapcsolat{
        background:#000000;
        opacity: 0.9;
        }

    .kapcsolat .container{
        background:#000000;
        opacity: 0.9;
        color:white;
        font-weight: bold;
        }    


    .text-center{
        background:#fffefe00;
        }
    


    .content{
            padding: 20px;
            }
    


    .icon-2x{
        font-size: 45px;
        font-weight: bold;
        }

          


   
    .blokk2 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }

    
    .blokk3 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }

     

    .blokk4 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }
    
 

    .blokk5 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }


    .blokk6 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }


    .blokk7 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }


    .blokk8 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }    

    
    .blokk9 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }


    .blokk10 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        } 

    
    
    .blokk11 .container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }    
    
    .bg-light.container{
        background:rgb(216, 216, 216);
        box-shadow: -2px 0px 20px 4px rgb(61, 61, 61);
        }   
        
    .btn{
        font-family: 'Poppins', sans-serif;
        font-weight: 700; 
        line-height: 1.3;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        box-shadow: 0 8px 16px 0 rgb(92, 0, 0), 0 6px 20px 0 rgba(0,0,0,0.19);
        }
    


    .btn-danger{
        background-color:#8B0000;
        text-align: center;
        }

    .btn.mt-auto{
        background-color:#8B0000;
        color: white;
        }   
        
    .btn-outline-secondary{
        background-color:#8B0000;
        color: white;
        }

    .card{
        background-color: #ffffff;
        border: 2px solid #2F4F4F;
        box-shadow: 0px 0px 18px -6px rgb(61, 61, 61);
        accent-color:#999999;
        }
        
    .card-body{
        color:black;
        }

    .card-title{
        text-align: center;
        font-weight: bold;
        text-shadow: 0.5px 0.5px 0.5px #525050;
        border-bottom: 3px solid rgba(0, 0, 0, 0.999);
        } 

    .card-text{
        text-align:center;
        } 

    .termek_nev{
        text-align: center;
        font-weight: bold;
        text-shadow: 0.5px 0.5px 0.5px #525050;
        }
  


    .img-fluid.shadow{
      border:#000000;
      box-shadow: 0px 0px 20px -1px rgb(58, 58, 58)!important;
      } 
    
    .card-img-top{
        width: 100%;
        height:200px;
        object-fit:cover;
        object-position:center;
        }

    .img-top{
        width: 100%;
        object-fit:cover;
        object-position:center;
        border:#000000;
        box-shadow: 0px 0px 20px -1px rgb(58, 58, 58)!important;
        }
    
    .img-fluid{
        border:#000000;
        object-fit:cover;
        object-position:center;
        box-shadow: 0px 0px 20px -1px rgb(58, 58, 58)!important;
        } 
      
    .dark-card-text{
        display: block; 
        overflow-wrap: break-word; /* Modern szabvány */
        max-width: 100%; /* Ne legyen szélesebb, mint a cella */
        line-height: 1.2; /* Kicsit növeli a sorközt a jobb olvashatóságért */
        margin-bottom: 4px;
        }


    .referencia-kep{
      border:3px solid #575656!important;
      position: absolute;
      top: 4vw;
      left: 28vw;
      }


    .navbar-dark{
        background: linear-gradient(70deg,#000000 80%,#e9af00 20%);
        color:white;
        }

    .navbar-nav{
        color:white;
        font-weight: bold;
        }

    .nav-link{
        color:white;
        }

    .nav-item :hover{
        color:#e9af00!important;
        text-decoration: underline;
        }    


    .navbar-brand{
        box-shadow: 0px 0px 20px -4px rgb(58, 58, 58)!important;
        }