/* by jahmi.sa */
.dark .s-quantity-input-decrease-button {
	fill: var(--dm-text-main, #ffffff);
}
.dark body.switch1_on .s-quantity-input-button {
	border: 1px solid var(--dm-text-main, #ffffff);
}

.dark body.switch2_on.product-single salla-slider.details-slider .s-slider-container {
	border-width: 0;
}
.dark body.switch2_on.product-single salla-slider.details-slider .swiper-slide {
	box-shadow: none;
}

body.switch3_on.product-single h3.s-comments-item-user-info-name,
body.switch4_on.product-single p.s-comments-item-timestamp.s-ltr,
body.switch5_on.product-single span.s-comments-item-has-order-check-text,
body.switch3_on.product-single .s-comments .comment .flex h2,
body.switch6_on.product-single .s-comments-flex,
body.switch7_on.product-single button.s-comments-item-like-btn,
body.switch8_on.product-single .s-comments-header.has-total
{
	display: none;
}

@media only screen and (min-width: 492px) {
	.dark body .showPreviewBtn {
		color: var(--dm-text-main);
	}
}

/* product description */
.product__description {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.5s ease;
  padding: 0;
}

.product__description.active {
  max-height: 1000px;
  padding: 10px 0;
}

.toggle-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background-color: var(--custom-color1);
  color: var(--custom-color2);
  cursor: pointer;
  font-size: 16px;
  gap: 10px;
  border-top: 1px solid var(--custom-color3);
  border-bottom: 1px solid var(--custom-color3);
}

.toggle-btn span.icon {
  font-size: 22px;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.toggle-btn.active span.icon {
  transform: rotate(-178deg);
}

.dark .toggle-btn {
  background-color: var(--dm-text-main);
  color: var(--dm-bg-main);
}

.dark .s-add-product-button-mini-checkout-content span svg {
  display: none;
}

.product-single .s-add-product-button-main .s-button-wrap .s-button-element {
  border-radius: inherit;
  background: var(--custom-color6) !important;
  color: var(--custom-color7) !important;
}

/* full code */
.washing-tips-section {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
    padding: 0;
}

.washing-tips-section.active {
    max-height: 1000px;
    padding: 10px 0;
}

.washing-tips-section,
.washing-tips-section *{
    color: var(--custom-color1);
}

.toggle-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--custom-color2);
    color: var(--custom-color1);
    cursor: pointer;
    font-size: 16px;
    gap: 10px;
    border: 1px solid var(--custom-color3);
    margin-bottom: 1rem;
}

.toggle-btn span.icon {
    font-size: 22px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.toggle-btn.active span.icon {
    transform: rotate(-178deg);
}

    .rtl,
[lang="ar"] button.toggle-btn {
    direction: ltr;
}

.rtl\:ml-8:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: 2rem;
}

.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) ,
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
    padding-right: 2rem;
}

.s-product-options-grid-mode-span.s-product-options-disabled {
  position: relative; 
}

.s-product-options-grid-mode-span.s-product-options-disabled::before {
  content: '';
  position: absolute;
  top: 50%; 
  left: 0;
  width: 100%; 
  border-top: 2px solid #ccc; 
transform: translateY(-50%) rotate(-30deg);
}

#app.desk-menu-like-mob .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-left: 1rem !important;
    padding-right: 3rem !important;
    left: 0;
}

h1#page-main-title {
    display: none;
}

.s-add-product-button-main .s-add-product-button-mini-checkout-content svg {
    fill: white;
}

.price-wrapper {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
}