main{
 width: 100%;
 height: 100%;
 margin-top: 5rem;
 padding: 1rem;
 display: flex;
 justify-content: space-between;
}

/* MAIN SECTION */
main section{
 width: 60%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 gap: 2rem;
 padding-top: 1rem;
}

.product_details_card{
 flex-direction: column;
 justify-content: space-between;
 gap: 2rem;
 display: flex;
}


.product_details_card_header{
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.product_details_card_header h2{
 font-size: xx-large;
}
.product_details_card_actions{
 display: flex;
 justify-content: space-between;
 gap: 2rem;
}

.product_details_card_actions a{
 text-align: center;
 padding: .3rem;
 border-radius: 5px;
}

.product_details_card_actions > button:first-child{
 color: var(--sea-green);
 border: 1px solid var(--sea-green);
}
/* .product_details_card_actions > a:first-child{
 background: var(--sea-green);
 color: white;
}
*/
.product_details_card_actions > a:last-child{
 color: var(--sea-green);
 border: 1px solid var(--sea-green);
} 

.product_details_card_categories{
 display: flex;
 justify-content: space-between;
 overflow: auto;
 gap: 2rem;
}

.product_details_card_categories div{
 min-width: fit-content;
}

.product_details_card_categories div p{
 color: #9C9B9B;
}


.info-list {
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
}

.info-list__item {
 display: flex;
 align-items: flex-start;
 height: 100px;
}

.info-list__icon {
 flex-shrink: 0;
 width: 70px;
 height: 100%;
 background: var(--sea-green);
 display: flex;
 justify-content: center;
 align-items: center;
}

.info-list__content {
 height: 100%;
 width: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 1rem;
 /* border: 1px solid red; */
}

.info-list__title {
 margin: 0;
 font-size: 1rem;
 font-weight: 600;
}

.info-list__text {
 margin: 0.25rem 0 0;
 color: #555;
 font-size: 0.875rem;
}

.info{
 background: #EEF3FF;
 display: flex;
 gap: 1rem;
 color: #2B56C7;
 border-radius: 1rem;
 padding: .4rem;
}

aside{
 width: 30%;
}

aside .product_card{
 width: 100%;
}

.card_img{
 border-radius: 10px;
 overflow: hidden;
}

.card_img img{
 width: 100%;
 height: 100%;
}

.price_details,
.about_seller,
.verification_status,
.buying_advice{
 padding: 2rem;
}

.price_details_container{
 display: flex;
 justify-content: space-between;
}

.price_details_container small{
 color: #353535;
}

.toggleSeller{
 display: none;
}

.price_details h2{
 margin: 1rem 0;
 font-size: larger;
 font-weight: bold;
}

.price_details .info{
 margin-top: 1rem;
 justify-content: center;
 gap: 1rem;
 color: #2B56C7;
}

.about_seller h2{
 font-size: larger;
 font-weight: bold;
}

.about_seller small{
 color: #101010;
}

.seller_info{
 display: flex;
 align-items: center;
 gap: 1rem;
 margin: 1rem 0;
 height: 60px;
}

.seller_info .pic_container{
 width: 60px;
 height: 60px;
 border-radius: 50%;
 overflow: hidden;
}

.pic_container img{
 width: 100%;
 height: 100%;
}

.seller_info .seller_details{
 height: 100%;
}

.seller_details h3,
.seller_details p{
 display: flex;
 align-items: center;
 gap: .5rem;
}

.seller_details p{
 margin-top: .5rem;
}

.verification_status h2{
 font-size: larger;
 font-weight: bold;
 margin-bottom: 1rem;
}

.identities small{
 display: flex;
 align-items: center;
 gap: .5rem;
 margin-bottom: .5rem;
}

.buying_advice h2{
 font-size: larger;
 font-weight: bold;
 margin-bottom: 1rem;
}

.buying_advice p{
 font-size: small;
 margin-bottom: 1rem;
}

.buying_advice small{
 font-size: x-small;
}

.buying_advice small a{
 color: #2B56C7;
}

@media screen and (max-width: 1024px) {
 aside{
  width: 35%;
 }
}

@media screen and (max-width: 850px) {
 main{
  flex-direction: column-reverse;
 }

 aside{
  width: 100%;
 }

 main section{
  width: 100%;
 }

 .product_details_card_categories::-webkit-scrollbar {
    display: none;
  }

 .price_details,
 .about_seller,
 .verification_status,
 .buying_advice{
  padding: 1rem;
 }

  .toggleSeller{
   display: flex;
   align-items: center;
   gap: .5rem;
  }

  .sellers{
   display: none;
  }

.toggleSeller img {
 transition: transform 0.3s ease;
}

.toggleSeller.active img {
 transform: rotate(180deg);
}

  .sellers.view_sellers{
   display: block;
  }
}

@media screen and (max-width: 500px) {
 .product_details_card{
  gap: 1rem;
 }
 .product_details_card_header h2{
  font-size: large;
 }
 .product_details_card_actions{
  gap: 1rem;
 }
 .product_details_card_actions a{
  font-size: small;
 }
}

@media screen and (max-width: 350px) {
 .product_details_card_header h2{
  font-size: large;
 }

 .product_details_card_actions a{
  font-size: x-small;
 }
}