h1,h2,p,ul
	{
	        font-family: 'Press Start 2P', monospace;

	}

	.nav-item {
        font-family: 'Press Start 2P', monospace;
        text-transform: uppercase;
		letter-spacing: 0.35em;
      }
	  
	  body
	  {
		background-color: black;
		background-image: url('../gfx/dotts.jpg');
		background-repeat: repeat-x;
	  }
	  
	  
	  .divider {
  width: 1px;
  background: rgba(255,255,255,.3);
  margin: 0 1rem;
}

	.darkgray
	{
		background-color: black;
		color: white;
	
	}






.hero{
    background:linear-gradient(90deg,#090016,#1a0033);
    border-bottom:3px solid #00f7ff;
}

h1,h2,h3{
    color:#00ffff;
}

.card{
    background:#151525;
    border:1px solid #00f7ff55;
    		color: #eeeeee;
    
}

.section-title{
    border-left:5px solid #00f7ff;
    padding-left:12px;
    margin-bottom:25px;
}































@media (min-width: 900px)
{

.offer-layout
{
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 40px;
}

}


.offer-image
{
    flex: 0 0 140px;
}

.offer-image img
{
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* kolumna obrazów */
.offer-images
{
    width: 200px;           /* stała szerokość */
    flex-shrink: 0;         /* NIE pozwala się zwężać */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.offer-images img
{
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}



/* kolumna tekstu */
.offer-text
{
    flex: 1;
    min-width: 280px;
}

@media (max-width: 900px)
{
    .offer-layout
    {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* zmiana: kolumna -> rząd */
.offer-images
{
    width: 100%;
    max-width: 420px;
    flex-direction: row;
    justify-content: flex-start;   /* zamiast center */
    gap: 12px;
    margin: 0 auto 20px auto;      /* wyśrodkowuje blok */
}

    /* miniaturki */
    .offer-images img
    {
        width: 48%;
        cursor: pointer;
    }

    .offer-text
    {
        width: 100%;
    }
}



.heart-list li{
    position:relative;
    padding-left:28px;
    margin:6px 0;
}

.heart-list li::before{
    content:"❤";
    position:absolute;
    left:0;
    color:#ff2bd6;
    text-shadow:0 0 6px #ff2bd6;
}



.cta-link {
 margin-top: 15px;
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  background: linear-gradient(135deg, #ff3c78, #7a5cff);
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(122, 92, 255, 0.3);
}

.cta-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(122, 92, 255, 0.5);
  background: linear-gradient(135deg, #7a5cff, #ff3c78);
}