.specs {
      font-size: 18px;
	  width:90%;
      min-width: 300px;
      max-width: 500px;
	  margin:0 0 30px 0;
    }

 .spec-row {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 8px;
      margin-bottom: 5px;
      white-space: nowrap;
      overflow: hidden;
    }

    .spec-name {
      flex-shrink: 0;
    }

    .dots {
      border-bottom: 1px dotted #999;
      height: 1px;
      width: 100%;
	  min-width:50px;
      overflow: hidden;
    }

    .spec-value {
      flex-shrink: 0;
    }
	
.specs .spec-row .spec-name{font-weight:600;}




.pricing-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
	  margin:0 0 40px 0;
    }

    .price-card  {
  background: linear-gradient(174deg, 
    #d4a600 0%, 
    #e0b400 5%,
    #f5c000 15%,
    #f5c000 50%,
    #f5c000 85%, 
    #e0b400 95%,
    #d4a600 100% 
  );
      color: #000;
      border: none;
      border-radius: 12px;
      padding: 20px 40px;
      width: 260px;
      position: relative;
      transition: transform 0.3s;
      box-sizing: border-box;
	  box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 22px, rgba(0, 0, 0, 0.22) 0px 6px 5px;
    }

    .price-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 12px;
    }

    .price-amount {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .price-label {
      font-size: 16px;
      color: #999;
    }

    .price-card:hover {
      transform: translateY(-5px);
	  box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 25px, rgba(0, 0, 0, 0.22) 0px 12px 10px;
    }
 
    @media (max-width: 651px) {
      .pricing-container {
        flex-direction: column;
        align-items: center;
      }
	  
.pricing-container {
	  margin:40px 0;
    }
	  
	  
    }


#gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8); 
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#gallery img#galleryimages {
  margin: 20px auto;
}

#galleryimages {
  max-width: 90vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

#gallery .controls   { 
  display: flex;
  align-items: center;
  justify-content: center; width:260px; margin: 0 auto;}

#gallery .controls div {
  color: white;
  text-decoration: none;
  font-size: 18px;
  margin:0 2px;
  padding: 8px 16px;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid #fff;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  cursor:pointer;
}

#gallery .controls div:hover {
  background-color: rgba(255,255,255,0.3);
}


    @media (max-width: 651px) {
		#gallery img#galleryimages {
		margin: 30% auto 20px auto;}
	}