.product__brand_logo {
  height: 115px;
  width: 115px;
  padding-inline: 0px;
  margin-left: 38px;
  margin-top: 56px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  object-fit: contain;
}

#product_details
  section:not(
    .product__info,
    .product__slider,
    .product_details,
    .product__accordion
  ) {
  padding: 100px !important;
}

#product_details .product__info,
#product_details .product__accordion {
  padding: 0px !important;
}

/* PRODUCT SLIDER */

.sliderContainer {
  position: relative;
  width: 100%;
  height: 640px;
  overflow: hidden;
}

.sliderContainer img:first-child {
  position: relative;
  width: 100%;
  left: 0%;
  top: 0;
}

.sliderContainer img {
  position: absolute;
  width: 100%;
  left: -100%;
  height: 100%;
  object-fit: cover;
  top: 0;
}

.sliderContainer .slider__controller {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  width: 100px;
  height: 50px;
}
.sliderContainer .slider__controller div,
.sliderContainer .slider__controller button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: black;
}

.sliderContainer .slider__controller div i {
  color: white;
}

/* SLIDER TEXT */

.product__slider .text__container {
  display: flex;
  align-items: center;
}

.product__slider_text {
  width: 90%;
  height: 530px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  text-align: left;
  margin-left: 1rem;
}

.product__slider_text h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #000;
}

.product__slider_text .product__slider_brand {
  font-size: 1rem;
  font-weight: 400;
  color: #b0b1b3;
  margin-bottom: 3rem;
}

.product__slider_text p {
  font-size: 1rem;
  font-weight: 400;
  color: #b0b1b3;
  margin-bottom: 1rem;
  line-height: 1.6rem;
}
.product__slider_btns {
  align-self: flex-end;
  display: flex;
  align-items: end;
  justify-content: space-between;
  width: 100%;
  flex: 1;
}

.product__slider_btns div {
  display: flex;
  gap: 1.5rem;
  height: 50px;
  align-items: center;
}
.product__info {
  padding-inline: 0px;
}
.product__slider_btns .btn__black {
  background-color: #1f1410;
  color: #fff;
  border-radius: 100px;
  border: none;
  width: 130px;
  text-transform: none;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
}

.product__slider_btns a.btn__black {
  background-color: #1f1410;
  color: #fff;
  border-radius: 100px;
  border: none;
  width: 130px;
  text-transform: none;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__info .btn__black:hover,
.product__slider_btns .btn__black:hover {
  color: #fff !important;
  background-color: #2d2e35 !important;
}

.product__info .btn__black {
  width: 130px;
  height: 50px;
  border-radius: 30px;
  color: #fff;
  background-color: #2d2e35;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.product__slider_btns .btn__link {
  font-size: 16px;
  font-weight: 500;
  color: #9b9c9f;
  display: flex;
  align-items: center;
}

.product__slider_btns .like__btn {
  font-size: 27px;
  color: #2b2e34;
  padding-bottom: 5px;
}

/* PRODUCT INFO */

.product__info {
  width: 100%;
  background-color: #f7f8f7;
}

.product__info .product__info_container {
  width: 80%;
  max-width: 700px;
  padding-top: 120px;
  padding-bottom: 50px;
}

.product__info_container h2 {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: bold;
  margin-left: 0.5rem;
}

.product__info_subcontainer {
  border-top: 1px solid #cacbcc;

  padding: 0.5rem;
}

.product__info_container .product__info_subcontainer:last-child {
  border-bottom: 1px solid #cacbcc;
}

.product__info__item {
  display: flex;
  align-items: center;
  gap: 36px;
  color: #9b9c9f;
}
.product__characteristics_container {
  padding: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.product__characteristics {
  color: #9b9c9f;
}
.product__info__item > span:first-child {
  min-width: 200px;
  max-width: 200px;
  width: 100%;
  color: #2b2e34;
  font-weight: 500;
}
.product__info__item div {
  display: flex;
  flex-direction: column;
  color: #9b9c9f;
}
.product__info__item div span {
  color: #9b9c9f;
}

.product__info .btn__container {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 2rem;
  max-width: 700px;
  width: 80%;
}

/* MODAL PRODUCT MESSAGE */

#productMessageModal .modal-dialog {
  max-width: 720px;
  width: 100%;
}

#productMessageModal .modal-content {
  border-radius: 10px;
  border: none;
  padding: 2rem;
}

#productMessageModal .modal-content .product__message_content > h2:first-child {
  text-align: center;
  margin-bottom: 1.5rem;
}

#productMessageModal .modal-content .product__message_content form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#productMessageModal .modal-content .product__message_content form input {
  border: none;
  border-radius: 0px;
  padding: 0.5rem;
  background-color: #f5f6f6;
  height: 55px;
}

#productMessageModal
  .modal-content
  .product__message_content
  form
  input::placeholder {
  color: #cdcecf;
}

#productMessageModal .modal-content .product__message_content form textarea {
  border: none;
  border-radius: 0px;
  padding: 0.5rem;
  background-color: #f5f6f6;
  height: 150px;
}

#productMessageModal
  .modal-content
  .product__message_content
  form
  textarea::placeholder {
  color: #cdcecf;
}

#productMessageModal .btn__container {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 1rem;
  margin-top: 1rem;
  gap: 1rem;
}

#productMessageModal .btn__container .black__btn {
  align-self: flex-end;
  background-color: #2d2e35 !important;
  width: 100px;
}

#productMessageModal .btn__container span {
  font-size: 0.7rem;
  color: #9b9c9e;
  text-align: center;
}

#productMessageModal .btn__container span a {
  font-size: 0.7rem;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#productMessageModal .btn__container span a {
  font-size: 0.7rem;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#productMessageModal .message__left_section {
}

#productMessageModal .message__left_section img {
  border-radius: 1rem;
  object-fit: cover;
  margin-bottom: 1rem;
}

#productMessageModal .message__left_section h6 {
  font-size: 1rem;
  margin-bottom: 0.1rem;
}

#productMessageModal .message__left_section span {
  font-size: 0.8rem;
  color: #9a9b9e;
}

#productMessageModal .message__left_section .checks {
  margin-top: 4.5rem;
}

#productMessageModal .message__left_section .checks label {
  font-size: 0.9rem;
}

/* ACCORDION */

.product__accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #cacbcc;
  padding: 0px;
}

.product__accordion .accordion-header .accordion-button {
  display: flex;
  justify-content: space-between;
  background-color: #ffff !important;
  color: #000 !important;
  box-shadow: none !important;
}

.product__accordion .accordion-header .accordion-button span {
  font-weight: 300;
}

.product__accordion .accordion-header .accordion-button .icon_accordion_menu {
  font-size: 3rem;
  color: #2b2e34;
  flex: 1;
  text-align: right;
}

.product__accordion .accordion-header .accordion-button i {
  font-size: 1.5rem;
  color: #2b2e34;
  flex: 1;
  text-align: right;
}

.product__accordion .accordion-header .accordion-button::after {
  content: "";
  background-image: none;
}

.product__accordion .accordion-item h2 {
  font-weight: bold;
  font-size: 42px;
  margin-bottom: 0px;
}

.product__related .plus__btn a {
  color: #fff;
  height: 50px;
  border-radius: 30px;
  color: #fff;
  background-color: #2d2e35;
  font-size: 16px;
  font-weight: bold;
  padding-inline: 32px;
  padding-block: 0px;
  vertical-align: middle;
  text-transform: none;
  display: flex;
  align-items: center;
}

.product__related .plus__btn a:hover {
  color: #fff;
}
