body{
   background-color: papayawhip;
   font-family: 'Montserrat', Arial, Helvetica, sans-serif;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 50vw;
   margin: 0;
}

.container{
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
}

.card{
   display: flex;
   background-color: #fff;
   border-radius: 16px;
   max-width: 600px;
   overflow: hidden;
}

.card-image img{
   display: block;
   object-fit: cover;
   height: 100%;
   width: 300px;
}

.card-content{
   padding: 32px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 300px;
}
.category{
   letter-spacing: 5px;
   margin-bottom: 5px;
   font-weight: 500;
   font-size: 12px;
}
.title{
   font-family: "Fraunces", serif;
   font-size: 2rem;
   font-weight: 700;
   margin:0 0 20 px 0 ;
   color:#1c232b;
   line-height: 1.1;
}
.description{
   color: #6c7289;
   font-size: 14px;
   margin-bottom: 24px;
   line-height: 1.6;
}
.price-tag{
   display: flex;
   align-items: center;
   margin-bottom: 24px;
}

.new-price{
   color: #3c8067;
   font-family: "Fraunces", serif;
   font-size: 2rem;
   font-weight: 700;
   margin-right: 20px;
}

.old-price {
   color: #6c7289;
   font-size: 14px;
   text-decoration: line-through;
}

.add-to-cart {
  background: #3c8067;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: background 0.2s;
}

.add-to-cart:hover {
  background: #1a4032;
}

@media only screen and (max-width: 375px){
   .container {
    min-height: 100vh;
    padding: 16px 0;
  }

  .card {
    flex-direction: column;
    max-width: 100%;
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
  }

  .card-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
  }

  .card-content {
    width: 100%;
    padding: 24px 20px;
    box-sizing: border-box;
  }

  .title {
    font-size: 1.5rem;
    margin-bottom: 16px;
  }

  .add-to-cart {
    width: 100%;
    padding: 14px 0;
    font-size: 15px;
  }
}