.navigation__item {

	padding: 9px 0;

}

.hide

{

  display: none!important;

}

.pt-0

{

	padding-top: 0px;

}

    .faq-container {

      max-width: 800px;

      margin: 0 auto;

    }



    .faq-title {

      text-align: center;

      margin-bottom: 2rem;

      font-size: 1.8rem;

    }



    .faq-item {

      background: #fff;

      border: 1px solid #ddd;

      margin-bottom: 1rem;

      overflow: hidden;

      box-shadow: 0 2px 5px rgba(0,0,0,0.05);

    }

    .faq-item.active .faq-question

    {

      color:#dec253;

    }



    .faq-question {

      padding: 1rem 1.5rem;

      cursor: pointer;

      position: relative;

      font-weight: bold;

    }



.faq-question::after {

  content: '+';

  position: absolute;

  font-size: 1.2rem;

  transition: transform 0.3s;

  top: 50%;

  transform: translateY(-50%);

}



html[dir="rtl"] .faq-question::after {

  left: 1.5rem;             /* آیکون در سمت چپ */

  margin-left: 0;           /* بدون margin اضافه در سمت چپ */

  margin-right: auto;       /* فاصله طبیعی از متن سمت راست */

}



html[dir="ltr"] .faq-question::after {

  right: 1.5rem;            /* آیکون در سمت راست */

  margin-right: 0;

  margin-left: auto;

}



.faq-item.active .faq-question::after {

	content: '−';

}



.faq-answer {

	max-height: 0;

	overflow: hidden;

	transition: all 0.3s ease;

	padding: 0 1.5rem;

	background: #f8f8f8;

	font-size: 0.95rem;

}



.faq-item.active .faq-answer {

	padding: 1rem 1.5rem;

	max-height: 200px;

}



.home-projects-slider .image-slider__container

{

  position: relative;

  top: 0px;

}





.my-experience-slider {

  position: relative;

  max-width: 800px;

  margin: 40px auto;

  overflow: hidden;

  background: #fff;

  box-shadow: 0 4px 16px rgba(0,0,0,0.1);

  padding: 20px;

}



.my-experience-slider .experience-region {

  display: none;

  text-align: center;

}



.my-experience-slider .experience-region.active {

  display: block;

}



.my-experience-slider .experience-controls {

  text-align: center;

  margin-top: 20px;

}



.my-experience-slider .experience-controls button {

  background-color: #eee;

  border: none;

  font-size: 28px;

  padding: 10px 20px;

  margin: 0 10px;

  border-radius: 8px;

  cursor: pointer;

  transition: background-color 0.3s;

}



.my-experience-slider .experience-controls button:hover {

  background-color: #ddd;

}





.home-projects-slider .button__icon svg {

	transform: scaleX(1);

}



.c-footer 

{

	background-color: #324c2e;

}

.footer__copyright {

	text-align: center;

	color: #fff;

}

.footer__button-title {

	color: #fff;

}

.footer__links .accordion__item-header {

	margin-bottom: 24px;

	color: #fff;

}

.footer__links-list-item a, button.footer__text-link {

	color: #fff;

}

.quote__text {

	font-size: 35px;

}

#experience .my-experience-slider

{

  box-shadow: unset!important;

  padding-top: 0px;

}

.experience-assets-richText .s-rich-text {

	padding-top: 0px;

}

.footer__button--right .c-button {

	background-color: #dec253;

}

.footer__buttons-wrapper {

  display: flex;

  align-items: center;

}



.footer__button {

  flex-grow: 1;

  margin: 0 8px; 

}



.footer__button:first-child {

  margin-left: 0;

}

.footer__button:last-child {

  margin-right: 0;

}

html:not(.is-touch) .c-button--ghost:not([disabled]):not(.disabled):hover, html.is-touch--with-mouse .c-button--ghost:not([disabled]):not(.disabled):hover {

	background-color: #dec253;

	color: var(--color-button-ghost-hover-text);

	-webkit-box-shadow: inset 0 0 0 1px #dec253;

	box-shadow: inset 0 0 0 1px #dec253;

}

.language-selector__list-item[disabled] , .language-selector__list-item:hover:not([disabled]) 

{

	background-color: #dec253;

}

html:not(.is-touch) .s-rich-text a[href]:not(.c-button):hover, html.is-touch--with-mouse .s-rich-text a[href]:not(.c-button):hover {

	color: #dec253;

}

.o-grid {

  display: flex;

  flex-wrap: wrap;

  gap: 4.5rem; 

}



.footer__links {

  flex: 1 1 20%;

  min-width: 200px;

}

.footer__middle {

	min-height: 378px;

}

.my-experience-slider .experience-controls button {

	background-color: #dec253;

}

.my-experience-slider .experience-controls button:hover {

	background-color: #324c2e;

  color:#fff;

}

.contact-map {

  margin-bottom: 2rem;

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 0 10px rgba(0,0,0,0.1);

}

.footer__links-list-item

{

  color: #fff;

}

.faq-answer p

{

  font-size: 1.6rem;

}

.contact-form__form .o-grid .form__item

{

	margin-bottom: 0px!important;

}

.contact-form__form .o-grid .contact-form__submit

{

		background-color: #dec253;

}

.contact-form__form .o-grid .contact-form__submit:hover

{

		background-color: #324c2e!important;

    color: #fff!important;

}

div:where(.swal2-container) div:where(.swal2-popup) {

	width: 50em!important;

  height: auto!important;

}

.swal2-modal.swal2-popup .swal2-title {

  margin: 0 auto!important;

}

div:where(.swal2-container) h2:where(.swal2-title) {

	font-size: 2.875em!important;

}

div:where(.swal2-container) .swal2-html-container {

	overflow: hidden!important;

	font-size: 2.0em!important;

  direction: rtl;

}

.swal2-modal.swal2-popup .swal2-actions .btn {

	align-items: center;

	font-size: 2em;

	background-color: #324c2e;

	color: #fff;

	padding: 5px;

}

.mega-menu__item--is-open .mega-menu__link .button__label::after {
	opacity: 1;
	color: #324c2e;
}
.mega-menu__link:hover , .navigation__item:hover
{
  	color: #324c2e;
}
.mega-menu__link {
	font-size: 1.6rem;
}
.header--is-hidden .mega-menu__link {
	color: #324c2e;
}
.basic-text__title
{
  color: #324c2e;
}

#home-latest-projects .slider__status-bar {
	margin-top: -160px;
}
.contact-map h3
{
  text-align: center;
}

.product-page-btn-support
{
  background-color: #324c2e!important;
}
.product-page-btn-support:hover
{
  color: #dec253!important;
}
.product-detail__body-buttons .c-button {

  padding-left: 10px!important;
  padding-right: 10px!important;
}
@media (max-width: 768px) {
  .product-detail__image-item {
    display: block !important;
  }
}


/* پیش‌فرض: فقط ویوی دسکتاپ */
.desktop-view {
  display: block;
}
.mobile-pinterest-view {
  display: none;
}

/* --- نسخه موبایل --- */
@media (max-width: 992px) {
  .desktop-view {
    display: none;
  }
  .mobile-pinterest-view {
    display: block;
  }

  .pinterest-grid {
    column-count: 3;
    column-gap: 12px;
    padding: 0 10px;
  }
}

@media (max-width: 768px) {
  .pinterest-grid {
    column-count: 2;
  }
}

@media (max-width: 420px) {
  .pinterest-grid {
    column-count: 2;
  }
}

.pinterest-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 12px;
  break-inside: avoid;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  text-align: center;
  transition: transform 0.2s ease;
}

.pinterest-item:hover {
  transform: translateY(-4px);
}

.pinterest-item img {
  width: 100%;
  height: auto;
  display: block;
}

.pinterest-item h3 {
  font-size: 14px;
  margin: 8px 0 12px;
  color: #333;
  font-weight: 500;
}