body { font-family: Arial, sans-serif; 
margin:0;  
text-align:center;  
color:white; 
background-color:#261500;
background-image:url('/images/DSR-Dirt-Surfer-Racing-Logo-trans-black-bg-horz.png'); 
background-size:contain;
background-repeat: no-repeat;
background-attachment: fixed;
max-width:100%;  }
h1 { margin:20px 0; }


@media (max-width:600px) { .gallery img, .gallery video { width:100%; } }

	a{ text-decoration:none;}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    max-width: 1400px;
    margin: 10px auto;
    padding: 0 10px;

}
.gallery img {
    width: 100%;   
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    cursor: pointer;
     transition: transform 0.5s ease; /* Smooth transition */
	 display: block;         /* removes inline spacing */
  transform-origin: center center; /* keeps zoom centered */
  object-fit: cover;

}
.gallery img:hover {
 transform: scale(1.5); /* 2x zoom on hover */
   
	border:2px solid black; 
	border-radius: 10px;


}


@media (max-width: 600px) {
    .gallery {
         grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
  
}
   

    .gallery-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
        max-width: 1200px;
		
		
        margin: auto;
    }
    .gallery-item {
        background: white;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        text-align: center;
     
		
		
    }
  
    .gallery-item img {
        width: 100%;
        min-height: 180px;
		 overflow: hidden;
        object-fit: cover;
        display: block;
		
    }
    .gallery-item a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #333;
        font-weight: bold;
		
    }
	.smallicon{ max-width:25px; max-height:25px; border:2px solid black; border-radius:5px; background-color:#ccc; !important  }
	
	button{ background:#ff6600; color:white; margin:6px; padding:6px 6px 6px 6px; border:none; border-radius:5px; cursor:pointer; font-size:12px;}
	
	.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin: 5px 0;
}

.tag-link {
    background: #444;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 0.85em;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.tag-link a{
    color: #fff;
}

.tag-link:hover {
    background: #ccc;
}

.tag-icon {
    margin-right: 4px;
    font-size: 0.9em;
}