.details
  margin 0 auto
  padding 20px

.details__header
  margin-bottom 20px
  text-align center
  
.details__title
  margin-bottom 5px
    
.details__description
  margin auto

.details__content
  display flex
  gap 40px
  align-items flex-start

.details__text
  flex 1
  text-align justify

.details__text-content
  margin auto 30px
      
.details__gallery
  display flex
  flex-direction column
  gap 20px
  margin auto

.details__gallery-item
  overflow hidden
  border-radius 8px
  box-shadow 0 4px 12px rgba(0, 0, 0, 0.1)
  transition transform 0.3s ease, box-shadow 0.3s ease
  
  &:hover
    transform translateY(-5px)
    box-shadow 0 8px 20px rgba(0, 0, 0, 0.15)

.details__gallery-image
  width 100%
  height 250px
  object-fit cover
  display block

@media screen and (max-width: 700px)
  .details__content
    flex-direction column
    
  .details__gallery
    order -1  // Move gallery above text
    
  .details__gallery-image
    height 300px