@media (max-width: 768px) {


	    section > .container > div:is(.x-03a628d, .x-053f9a3, .x-0ba8bda, .x-31dfd4b, .x-3d859f1, .x-427db5a, .x-51d1909, .x-58e4d9f, .x-670df96, .x-8be9099, .x-f503a4a, .x-ff23bcd) {

	        grid-template-columns: 1fr !important;

	        gap: 2rem !important;

	    }




	    section > .container > div:is(.x-22af68d, .x-5c4a786, .x-60eb503, .x-7bd021a, .x-aafa6aa, .x-ca678c8, .x-d1f84af, .x-f833e52) {

	        grid-template-columns: 1fr !important;

	    }

	}

	.lo-btn-soon,
	.lo-btn-soon:hover {
	    background: transparent;
	    color: var(--color-text-secondary);
	    border: 1px solid var(--color-border);
	    opacity: 0.55;
	    cursor: not-allowed;
	    transform: none;
	    box-shadow: none;
	}



			.badges {
			  display: flex;
			  gap: 0.5rem;
			  flex-wrap: wrap;
			  justify-content: flex-start;
			  margin: -0.5rem 0 1rem;
			}

			.trendshift-badge {
			  position: relative;
			  top: -3px;
			}

			@media (max-width: 640px) {
			  .badges {
			    justify-content: center;
			  }
			  .trendshift-badge {
			    top: 0;
			  }
			}

			#promo-badges {
			  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
			}

			#award-badges a {
			  display: flex;
			  align-items: center;
			  line-height: 0;
			}

			@media (max-width: 768px) {
			  #repo-card-logo {
			    margin-inline-end: 0.4em;
			  }

			  #award-badges a {
			    min-height: 44px;
			    margin-top: -12px;
			    margin-bottom: -12px;
			  }
			}

			.lo-screenshots {
			  background: var(--color-bg-secondary);
			  border-top: 1px solid var(--color-border);
			  border-bottom: 1px solid var(--color-border);
			}

			.lo-shots {
			  display: grid;
			  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
			  gap: 2rem;
			  align-items: start;
			}
			.lo-shot {
			  margin: 0;
			  min-width: 0;
			}
			.lo-shot-frame {
			  border: 1px solid var(--color-border);
			  border-radius: 16px;
			  overflow: hidden;
			  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
			  background: #0f1522;
			}
			.lo-shot-frame img {
			  width: 100%;
			  height: auto;
			  max-width: 100%;
			  display: block;
			}
			.lo-shot figcaption {
			  text-align: center;
			  color: var(--color-text-secondary);
			  font-size: 0.85rem;
			  margin-top: 1rem;
			}
			.lo-shot figcaption strong {
			  color: var(--color-text-primary);
			}
			.lo-shots-note {
			  text-align: center;
			  color: var(--color-text-secondary);
			  font-size: 0.85rem;
			  margin: 1.5rem 0 0;
			}
			.lo-shots-note strong {
			  color: var(--color-accent-primary);
			}

			@media (max-width: 900px) {
			  .lo-shots {
			    grid-template-columns: minmax(0, 1fr);
			    gap: 2.5rem;
			  }
			}