.elementor-203 .elementor-element.elementor-element-a44d8fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:123px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-203 .elementor-element.elementor-element-11fbc6a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-11fbc6a{text-align:right;}.elementor-203 .elementor-element.elementor-element-11fbc6a .elementor-heading-title{font-family:"ایران سنس", Sans-serif;font-size:40px;font-weight:bold;}.elementor-203 .elementor-element.elementor-element-5484cdd > .elementor-widget-container{margin:57px 0px 32px 0px;}.elementor-203 .elementor-element.elementor-element-5484cdd.elementor-element{--align-self:flex-start;}.elementor-widget-jet-smart-filters-sorting .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-203 .elementor-element.elementor-element-f60a1ba .jet-sorting-select{max-width:150px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-203 .elementor-element.elementor-element-63d7ebe{--grid-columns:4;}.elementor-203 .elementor-element.elementor-element-63d7ebe .elementor-repeater-item-f3b7035{grid-column:span min( 4, var(--grid-columns) );}@media(max-width:1024px){.elementor-203 .elementor-element.elementor-element-a44d8fe{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-203 .elementor-element.elementor-element-11fbc6a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-11fbc6a .elementor-heading-title{font-size:25px;}.elementor-203 .elementor-element.elementor-element-5484cdd > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-63d7ebe{--grid-columns:2;}}@media(min-width:768px){.elementor-203 .elementor-element.elementor-element-a44d8fe{--content-width:1500px;}}@media(max-width:767px){.elementor-203 .elementor-element.elementor-element-a44d8fe{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-203 .elementor-element.elementor-element-11fbc6a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-11fbc6a.elementor-element{--align-self:flex-start;}.elementor-203 .elementor-element.elementor-element-11fbc6a{text-align:right;}.elementor-203 .elementor-element.elementor-element-11fbc6a .elementor-heading-title{font-size:18px;}.elementor-203 .elementor-element.elementor-element-5484cdd.elementor-element{--align-self:flex-start;}.elementor-203 .elementor-element.elementor-element-f60a1ba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-203 .elementor-element.elementor-element-63d7ebe{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:15px;}.elementor-203 .elementor-element.elementor-element-63d7ebe > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-5484cdd */.sort-buttons-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
  gap: 10px;
  flex-wrap: wrap;
}

.sort-label {
  font-weight: bold;
  margin-left: 8px;
}

.sort-buttons button {
  background: none;
  border: none;
  padding: 6px 10px;
  font-size: 14px;
  cursor: pointer;
  color: #444;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.sort-buttons button:hover,
.sort-buttons button.active {
  background-color: #e0f2ff;
  color: #007acc;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 600px) {
  .sort-buttons-wrapper {
    flex-direction: row; /* Ensure they stay in one row */
    justify-content: center; /* Center the buttons on small screens */
    gap: 5px; /* Reduce gap between buttons */
    margin-bottom: 15px; /* Slightly less margin for mobile */
  }

  .sort-label {
    /* Hide label on small screens if it takes too much space, or adjust font size */
    font-size: 12px;
    margin-left: 0; /* Remove left margin */
  }

  .sort-buttons button {
    font-size: 12px; /* Smaller font size for buttons */
    padding: 4px 8px; /* Smaller padding for buttons */
  }
}/* End custom CSS */