* {
        padding: 0;
        margin: 0;
      }
      body {
        background-color: hsl(30, 38%, 92%);
        height: 100vh;
        align-items: center;
        justify-content: center;

        display: flex;

        justify-content: center;
      }

      .box {
        display: flex;
        flex-direction: row;
        
        
        background-color: white;
        border-radius: 1rem 1rem 1rem 1rem;
        width: auto;

        max-width: max-content;
      }
      .svg {
        height: 23px;
        padding-right: 8px;
        position: relative;
      }
      img {float: left;
        height: 480px;
        border-radius: 16px 0 0rem 16px;
      }
      .text {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 23px;
      }
      .perfume {
        margin-bottom: 9px;
        font-family: 'Montserrat', sans-serif ;
        font-weight: 600;
        font-size: 20px;
        color: grey;
      }
      .head {
        width: 11ch;
        margin-bottom: 10px;
        font-family: 'Fraunces', serif;
        font-weight: 600;
        color: rgb(10, 10, 10);
      }

      .bodytext {
        background-color: white;
        width: 24ch;
        font-family: 'Montserrat', sans-serif ;
        font-weight: 500;
        color: grey;
        font-size: 20px;
      }
      .prices {
        margin-top: 15px;
        display: flex;
        flex-direction: row;
        column-gap: 32px;
        font-family: 'Fraunces', serif;
      }
      .pricenow {
        color: hsl(158, 36%, 37%);
        font-weight: 900;
        font-size: 36px;
      }
      .pricecut {
        font-size: 15px;
        text-decoration: line-through;
        font-weight: 600;
        color: gray;
        position: relative;
        top: 15px;
      }
      .cart {
        margin-top: 15px;
        font-size: 20px;
        background-color: hsl(158, 36%, 37%);
        color: white;
        display: flex;
        border-radius: 10px;
        padding: 14px 8px 15px 8px;
        justify-content: center;
      }
      @media screen and (max-width:800px){
        
        .box{
          display: flex;
          flex-direction: column;
          border-radius:14px 14px 14px 14px;
        }
        img{;
          object-fit:cover;
          border-radius:14px 14px 0 0px;
          height: 280px;
          
        }
        
        .perfume{
          font-size:13px ;
        }
        .head{
          width: 15ch;
          line-height: 34px;
          font-weight: 900;
          
        }
        .bodytext{
          font-size: 14px;
          line-height: 22px;
          width:30ch ;
          font-weight: 500;
        }
        .prices{
          margin-top: 19px;
          
        }
        .cart{
          font-size:16px ;
          margin-bottom: 19px;
        }
        .svg{
          height: 20px;
        }
      
      
      
      }