/* Israfix Brand Colors */
:root {
    --brand-color-1: #77af47; /* Yeşil */
    --brand-color-2: #1b487c; /* Koyu Mavi */
}

/* Import Poppins font for order form */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ============================================
   TOPBAR LAYOUT - Header
   EN/RU: [Flag][Socials] ... [WhatsApp][Login]
   HE: [Login][WhatsApp] ... [Socials][Flag]
   ============================================ */

/* Topbar container - matches Bootstrap container width for alignment with logo */
/* Using custom class instead of Bootstrap .container to avoid width conflicts */
.topbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

/* Responsive: Match Bootstrap container breakpoints */
@media (max-width: 1199px) {
  .topbar-container {
    max-width: 970px;
  }
}

@media (max-width: 991px) {
  .topbar-container {
    max-width: 750px;
  }
}

@media (max-width: 767px) {
  .topbar-container {
    max-width: 100%;
    padding: 0 15px;
  }
}

/* Left group: Flag + Socials */
.topbar-left-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Right group: WhatsApp + Login */
.topbar-right-group {
  display: flex;
  align-items: center;
}

/* Language dropdown */
.language-dropdown {
  position: relative;
  display: inline-block;
}

/* Social icons in topbar */
.topbar-socials {
  display: flex;
  align-items: center;
  gap: 8px;
}

.topbar-socials a {
  color: #fff;
  font-size: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  transition: background 0.2s;
}

.topbar-socials a:hover {
  background: rgba(255,255,255,0.25);
  color: #fff;
}

/* HE (Hebrew RTL): Mirror layout - let natural RTL direction work */
/* In RTL, flex-direction: row flows right-to-left, so left-group goes to RIGHT, right-group goes to LEFT */
.he .topbar-container {
  flex-direction: row; /* Use row (not row-reverse) in RTL - items flow right-to-left naturally */
}

.he .topbar-left-group {
  flex-direction: row; /* In RTL with row: first item (flag) on RIGHT, second item (socials) on LEFT */
}

.he .topbar-right-group {
  flex-direction: row; /* In RTL with row: first item (whatsapp) on RIGHT, second item (login) on LEFT */
  gap: 15px; /* Match English spacing between WhatsApp and Login */
}

/* HE: Reset inline margin on WhatsApp link (margin-right doesn't work correctly in RTL) */
.he .topbar-right-group a[onclick*="whatsapp_header"] {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Topbar right group - consistent font for WhatsApp, Login, and Hi Customer */
.topbar-right-group a[onclick*="whatsapp_header"],
.topbar-right-group #user-login-link,
.topbar-right-group #user-menu .user-text {
  font-family: Ubuntu, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.lang-dropdown-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px; /* Symmetric padding for hover effect */
  margin-left: -10px; /* Negative margin to align flag with logo */
  border-radius: 4px;
  transition: background 0.2s;
}

.lang-dropdown-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

.lang-dropdown-btn img {
  width: 32px;
  height: 24px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.lang-dropdown-btn i {
  color: #fff;
  font-size: 11px;
  transition: transform 0.2s;
}

.lang-dropdown-btn.open i {
  transform: rotate(180deg);
}

.lang-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  min-width: 150px;
  z-index: 1000;
  margin-top: 5px;
  overflow: hidden;
}

/* HE: Dropdown opens to left (mirror) */
.he .lang-dropdown-menu {
  left: auto;
  right: 0;
}

/* HE: Flag button - negative margin on right to align with logo */
.he .lang-dropdown-btn {
  margin-left: 0;
  margin-right: -10px;
}

.lang-dropdown-menu.show {
  display: block;
}

.lang-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: #333;
  text-decoration: none;
  transition: background 0.2s;
}

.lang-dropdown-item:hover {
  background: #f5f5f5;
  color: #333;
  text-decoration: none;
}

.lang-dropdown-item img {
  width: 28px;
  height: 21px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.lang-dropdown-item span {
  font-size: 14px;
  font-weight: 500;
}

body,
html {
  font-family: Ubuntu, sans-serif !important;
  scroll-behavior: smooth;
}

/* Poppins font only for order form (exclude Font Awesome icons) */
#cleaner-form,
#cleaner-form *:not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]),
#houseCleaning,
#houseCleaning *:not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]) {
  font-family: 'Poppins', sans-serif !important;
}

/* Ensure Font Awesome icons use correct font (FA6) */
#cleaner-form .fa,
#cleaner-form .fas,
#cleaner-form .far,
#cleaner-form .fab,
#cleaner-form [class*="fa-"],
#houseCleaning .fa,
#houseCleaning .fas,
#houseCleaning .far,
#houseCleaning .fab,
#houseCleaning [class*="fa-"],
.summary .fa,
.summary .fas,
.summary [class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}

/* Continue button arrow - same style for web and mobile */
.summary .btn-tmz.btn-tmz-solid,
#cleaner-form .summary .btn-tmz.btn-tmz-solid,
#houseCleaning .summary .btn-tmz.btn-tmz-solid,
#hkDt .summary .btn-tmz.btn-tmz-solid {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.summary .fa.fa-angle-right.btn-arrow,
.summary .fa.fa-angle-left.btn-arrow,
#cleaner-form .summary .fa.fa-angle-right.btn-arrow,
#cleaner-form .summary .fa.fa-angle-left.btn-arrow,
#houseCleaning .summary .fa.fa-angle-right.btn-arrow,
#houseCleaning .summary .fa.fa-angle-left.btn-arrow,
#hkDt .summary .fa.fa-angle-right.btn-arrow,
#hkDt .summary .fa.fa-angle-left.btn-arrow {
  font-size: 18px !important;
  line-height: 1 !important;
}

body.he {
  direction: rtl !important;
}

/* HE dilinde slider LTR (desktop da) */
.he #reviewSlider {
  direction: ltr !important;
}

.he .review-carousel {
  direction: ltr !important;
}

.text-white {
  color: #fff;
}
#house-cleaning {
  border-top: 3px solid #77af47;
  background-image: url(../images/house-cleaning-bg-israfix_1.jpg) !important;
  background-attachment: inherit;
  background-position: 28% bottom;
  background-size: auto;
  background-color: #fff;
  min-height: 600px !important;
  padding: 0 !important;
}
.he #house-cleaning {
  background-image: none !important;
}
#house-cleaning.empty-home-cleaning-wrapper {
  min-height: 700px !important;
}
@media screen and (max-width: 1200px) {
  #house-cleaning,
  .he #house-cleaning:before {
    background-image: none !important;
    background-color: #ffffff !important;
  }
}
.he #house-cleaning:before {
  background-image: url(../images/house-cleaning-bg-israfix.jpg) !important;
  background-attachment: inherit;
  background-position: 28% bottom;
  background-size: auto;
  background-color: #fff !important;
}
@media screen and (min-width: 1025px) {
  #cleaner-tab .info-box-container {
    margin-left: -50px;
    width: 105%;
  }
}
@media screen and (max-width: 1024px) {
  #cleaner-tab .info-box-container {
    margin-top: 50px;
  }
  #cleaner-tab .info-box-container .info-box {
    padding: 0 !important;
    text-align: initial !important;
  }
}
.he #cleaner-tab .info-box-container {
  margin-left: 0 !important;
  width: 100% !important;
}
/* Order form container - Helper-SA style: white bg, shadow, rounded */
#houseCleaning {
  background: #ffffff !important;
  border-radius: 20px !important;
  border-width: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 10px !important;
  margin-bottom: 60px !important;
}
#cleaner-form {
  background: #ffffff !important;
  border-radius: 20px !important;
}

/* Hide location selector - redundant with address selection page */
#cleaner-form .select-province,
#houseCleaning .select-province,
.select-province {
  display: none !important;
}
#how-it-works .section-title-container {
  padding: 0;
  margin: 0;
}
.readmore_link {
  font-size: 18px;
  color: #1b487c;
  text-decoration: none;
}
.readmore_link:hover {
  color: #ff7e00;
}
#how-it-works {
  background: #f5f5f5 url(/asset/images/left-pattern.png) no-repeat left fixed !important;
  background-attachment: fixed;
}
#house-cleaning .how-does-it-work .btn-tmz-solid {
  background-color: #77af47 !important;
  font-weight: 700 !important;
}
.info-box {
  padding: 0 20px;
}
.info-box .info-box-title.h1 {
  font-size: 26px;
  color: #1b487c;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.info-box .info-box-description {
  color: #444;
  font-size: 14px;
}
.info-box-content .collapse {
  max-height: 125px !important;
}
.info-box-content .panel-title {
  white-space: normal !important;
}
#how-it-works .box-block .box-block-content .box-block-title {
  color: #77af47 !important;
}
#how-it-works .box-block .box-block-badge span {
  background: #77af47 !important;
}
#house-cleaning .tab-content input[type="radio"]:checked + label {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
}
#house-cleaning .tab-content input[type="radio"]:checked + label:hover {
  background-color: #16af0a !important;
}
#house-cleaning .tab-content .page-nav .btn-tmz-transparent:hover,
#house-cleaning .tab-content .page-nav-container .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section-description .btn-tmz-transparent:hover,
#house-cleaning .tab-content .section-title .btn-tmz-transparent:hover,
#house-cleaning
  .tab-content
  .section-title-container
  .btn-tmz-transparent:hover {
  background-color: #16af0a !important;
  border-color: #16af0a !important;
}
.package-table thead th {
  color: #77af47;
}
.cnt-radio input:checked ~ .checkmark {
  border-color: #77af47 !important;
}
.cnt-radio .checkmark:after {
  background-color: #77af47 !important;
}
.bg {
  padding: 25px;
  color: #fff !important;
}
.green-bg {
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #4f9205 0, #76cd15 100%);
  background: linear-gradient(to right, #4f9205 0, #49cf04 100%);
}
.blue-bg {
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #172b42 0, #1b487c 100%);
  background: linear-gradient(to right, #172b42 0, #1b487c 100%);
}
#howItWorks {
  display: inline-block !important;
}
#howItWorks i {
  font-size: 40px;
  color: #fff;
}
.he #howItWorks .media-left,
.he #howItWorks .media > .pull-left {
  padding-left: 10px !important;
}
#features {
  background-color: #f5f5f5;
}
#features .thumbnail {
  text-align: center;
  font-size: 14px;
  background-color: initial !important;
  border: none !important;
}
#features .thumbnail img {
  max-width: 120px;
  margin: 15px auto;
}
#features .thumbnail .thumb-header {
  font-weight: 700;
  margin-bottom: 15px;
}
#services {
  overflow: hidden;
  background: url(../images/bg-area.png) no-repeat center bottom;
  background-size: cover;
}
#services .thumbnail {
  background-color: initial !important;
  border: none !important;
}
.he .section-title,
.section-title {
  font-weight: 700;
  text-align: center !important;
}
.section-description {
  font-size: 14px;
  font-weight: 700;
}
#reviews {
  display: inline-block;
  width: 100%;
}
#reviews .item {
  padding: 5px;
}
#reviews .review-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  padding: 30px;
  border-radius: 30px;
  background: #fff;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  min-height: 320px;
}
#reviews .review-box .review-face {
  border-radius: 50%;
  max-width: 80px;
  margin: 0 auto 15px auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
#reviews .review-box h4 {
  font-size: 18px;
  color: #1b487c;
  font-weight: 600;
}
footer {
  padding: 75px 0;
  background: #172b42;
  color: #fff !important;
}
#house-cleaning #cleaner-tab .panel-heading a.collapsed {
  color: #1b487c !important;
  font-weight: 700 !important;
}
#house-cleaning #cleaner-tab .panel-group .active .panel-heading a {
  font-weight: 700 !important;
  color: #000 !important;
  text-decoration: underline !important;
}
#house-cleaning #cleaner-tab .panel-group .active .panel-body {
  color: #000 !important;
}
#house-cleaning #cleaner-tab .panel-heading a:hover {
  color: #000 !important;
}
#main-header {
  min-height: 90px;
  margin-bottom: 10px;
  border: 0 solid transparent;
  box-shadow: 1px 4px 2px #44444424;
  background-color: #fff;
}

#main-header > .container,
#main-header > .container-fluid,
#main-header > .header-group {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0px;
}

#main-header .nav.navbar-nav > li > a {
  padding: 25px 15px 25px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #353535;
  line-height: 32px;
}
#main-header .nav.navbar-nav > li > a {
  background-color: transparent;
}
#main-header .plugin-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  float: left;
  border-radius: 50%;
  height: 30px;
  color: #fff;
  background: #4f9205;
  background: -moz-linear-gradient(left, #ff3019 0, #cf0404 100%);
  background: -webkit-linear-gradient(left, #4f9205 0, #76cd15 100%);
  background: linear-gradient(to right, #4f9205 0, #49cf04 100%);
}
.he #main-header .plugin-phone {
  float: right;
}
#main-header .plugin-phone i {
  line-height: 1;
  font-size: 14px;
}
#main-header .navbar-right {
  margin-right: 0 !important;
}
.he #main-header .navbar-right {
  margin-left: 0 !important;
}
#topbar {
  padding: 5px 0;
  background: #172b42;
}

/* EN, RU, HE için topbar tek satırda kalsın */
.en #topbar .row,
.ru #topbar .row,
.he #topbar .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.en #topbar .row > .col-sm-6,
.ru #topbar .row > .col-sm-6,
.he #topbar .row > .col-sm-6 {
  flex: 0 0 auto;
  width: auto;
}

.en #topbar .row > .col-sm-6.text-right,
.ru #topbar .row > .col-sm-6.text-right {
  margin-left: auto;
}

/* HE RTL: margin-right instead of margin-left */
.he #topbar .row > .col-sm-6.text-right {
  margin-right: auto;
  margin-left: 0;
}
#topbar .socials {
  top: 0;
  display: flex;
  align-items: center;
}
#topbar .socials span {
  background: #fff;
  float: left;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 13px;
}
#topbar .socials a span i {
  color: #172b42;
}
.he #topbar .socials a {
  float: right;
}
#topbar .phone.onlylanguage {
  display: inline-block;
}
#topbar #user-login-link {
  position: inherit;
  color: #fff;
  display: inline-block;
  top: 3px;
  right: 0;
}
#topbar a.lang-link {
  margin: 0 2px;
  display: inline-block;
  padding: 0;
}
#topbar a.lang-link img {
  width: 29px !important;
  height: 30px !important;
  margin: 0 !important;
}
#topbar #user-menu {
  position: relative;
  color: #fff;
  display: inline-block;
  top: 0;
  right: 0;
  width: auto !important;
}
#topbar #user-menu .dropdown {
  position: inherit;
  top: auto !important;
}
#topbar #user-menu .dropdown-toggle {
  height: inherit;
  padding: 0 12px !important;
}
#topbar #user-menu .dropdown-toggle .avatar {
  top: 0 !important;
  float: left;
  width: 30px;
  height: 30px;
}
#topbar #user-menu .dropdown-toggle .user-text {
  color: #fff;
  margin-top: 5px;
  display: inline-block;
  white-space: nowrap;
}

/* Hebrew RTL: Mirror user menu layout (must be AFTER general rules) */
/* EN order (L→R): Avatar → Greeting → Badge → Caret */
/* HE mirror (L→R): Caret → Badge → Greeting → Avatar */
.he #topbar #user-menu .dropdown-toggle {
  padding: 0 8px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  direction: ltr !important;
}

/* Hebrew RTL: Caret on far LEFT (order: 1) */
.he #topbar #user-menu .dropdown-toggle .caret {
  margin-left: 0 !important;
  margin-right: 0 !important;
  order: 1 !important;
}

/* Hebrew RTL: User text container (order: 2) - contains badge and greeting */
.he #topbar #user-menu .dropdown-toggle .user-text {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  order: 2 !important;
}

/* Hebrew RTL: Badge first inside user-text (LEFT side) */
.he #topbar #user-menu .dropdown-toggle .user-text .label-danger {
  order: 1 !important;
  margin: 0 !important;
}

/* Hebrew RTL: Greeting text second inside user-text (RIGHT side of badge) */
.he #topbar #user-menu .dropdown-toggle .user-text .greeting-text {
  order: 2 !important;
}

/* Hebrew RTL: Avatar on far RIGHT (order: 3) */
.he #topbar #user-menu .dropdown-toggle .avatar {
  float: none !important;
  order: 3 !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* Logo styling */
.big-logo {
  max-height: 100px;
  max-width: 210px;
}

#main-header #logo {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}
#content {
  margin-top: 140px !important;
  padding-bottom: 0 !important;
}
.mobile-menu {
  background-color: #fff !important;
}
.mobile-menu ul {
  background: #fff;
  border-top-color: var(--brand-color-1);
  border-bottom-color: var(--brand-color-1);
}
.mobile-menu ul li {
  border-bottom-color: #eee;
}
/* Mobile menu: Icons brandcolor1, text black, active item brandcolor1 */
.mobile-menu ul li a {
  color: #333 !important;
}
.mobile-menu ul li a i.fa,
.mobile-menu ul li a i.fas,
.mobile-menu ul li a i[class*="fa-"] {
  color: #77af47 !important;
}
.mobile-menu ul li a.active {
  color: #77af47 !important;
}
.mobile-menu ul li a.active i.fa,
.mobile-menu ul li a.active i.fas,
.mobile-menu ul li a.active i[class*="fa-"] {
  color: #77af47 !important;
}
@media screen and (max-width: 480px) {
  #house-cleaning .tab-content .section {
    padding: 10px !important;
  }
}
@media screen and (max-width: 1024px) {
  #main-header #logo img {
    width: 100px !important;
    height: auto !important;
  }

  #topbar .phone.onlylanguage {
    margin: 0 !important;
  }

  #user-menu .dropdown-toggle .avatar {
    float: left;
  }

  #user-menu .dropdown-toggle .user-text {
    margin-top: 10px;
    display: inline-block;
  }

  .select-day .divider {
    margin: 0 !important;
  }

  #main-header {
    min-height: 80px;
  }

  #main-header > .container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #main-header .mobile-bar {
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
  #main-header .mobile-bar a {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  #main-header .mobile-bar .plugin-phone {
    margin-top: 0;
  }
  #topbar {
    padding: 3px 0;
  }
  #topbar .col-sm-6 {
    width: 50%;
    float: left;
  }
  /* Hide WhatsApp text on mobile, keep only in topbar */
  #topbar a[onclick*="whatsapp_header"] {
    display: none;
  }

  /* HE (RTL) mobile: Fix topbar to stay on single row */
  .he #topbar .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .he #topbar .col-sm-6 {
    width: auto !important;
    float: none !important;
    flex: 0 0 auto !important;
  }

  .he #topbar .col-sm-6.text-right {
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px;
  }

  .he #topbar .col-sm-6.socials {
    text-align: right !important;
  }

  .he #topbar .phone.onlylanguage {
    margin: 0 5px !important;
  }

  .he #topbar a.lang-link img {
    width: 24px !important;
    height: 24px !important;
  }
}

/* RU: WhatsApp header text - keep on one line */
.ru a[onclick*="whatsapp_header"] {
  white-space: nowrap !important;
  display: inline-block !important;
}
#pageWrapper {
  background-image: url(../images/user-agreement-bg.jpg);
  min-height: 700px;
}
.page .content-title {
  font-family: "Dancing Script";
  font-weight: 700;
  text-align: center;
}
#cleaner-tab .info-box .panel-group .panel {
  display: inline-block !important;
  width: 100%;
}
.user-agreement-container {
  min-height: 700px;
}
@media screen and (max-width: 1200px) {
  .mobile-menu-btn {
    margin-top: 0;
  }
}
.he .mobile-menu-btn {
  margin-top: 3px !important;
}
.d-inline-block {
  display: inline-block !important;
}
.mobile-bar {
  margin-top: 30px;
  display: none;
}
.rngst_phone_button {
  left: -47px;
  right: inherit;
}
.rngst_phone_circle {
  display: none;
}
.rngst_phone_circle2 {
  display: none;
}
.rngst_phone_fill {
  display: none;
}
@media screen and (max-width: 996px) {
  .mobile-bar {
    display: block;
  }
}
.rngst_phone_button {
  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;
  left: 20px !important;
  right: auto !important;
  bottom: 90px !important;
}
.rngst_phone_icon,
.rngst_phone_body {
  top: 0 !important;
  left: 0 !important;
}
/* WhatsApp Widget styles moved to tystyle.css */

/* Israfix: LiveChat (Suvvy) widget overlap fix - move WhatsApp above livechat */
/* Suvvy widget: fixed bottom:50px right:34px ~50px size */
.whatsapp-container {
    bottom: 120px !important;
    right: 33px !important;
}
/* RTL: mirror to left side, also above livechat */
.ar .whatsapp-container,
.he .whatsapp-container {
    right: auto !important;
    left: 33px !important;
    bottom: 120px !important;
}
/* Mobile: same vertical offset, tighter horizontal */
@media (max-width: 768px) {
    .whatsapp-container {
        bottom: 110px !important;
        right: 20px !important;
    }
    .ar .whatsapp-container,
    .he .whatsapp-container {
        right: auto !important;
        left: 20px !important;
        bottom: 110px !important;
    }
}

#home-faq {
  background-image: url(../images/home-faq-bg.jpg) !important;
}
@media (max-width: 1200px) {
  #home-faq,
  #home-faq:before {
    background: none !important;
  }
}
.he #home-faq {
  background: none !important;
}
.he #home-faq:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../images/home-faq-bg.jpg) 0 0 no-repeat;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.question-title {
  font-size: 16px;
  color: #1b487c !important;
  font-weight: 700 !important;
}
.question-content {
  color: #000 !important;
  font-size: 16px;
  font-weight: 400;
}
/* RU: Question content text - smaller font */
.ru .question-content {
  font-size: 12px !important;
}
/* Mobile: FAQ question-content - add top spacing to prevent overlap */
@media (max-width: 768px) {
  .tab-pane.active .question-content {
    margin-top: 40px !important;
    padding-top: 40px !important;
  }
  /* RU: Increase spacing for question content */
  .ru .tab-pane.active .question-content {
    margin-top: 60px !important;
    padding-top: 60px !important;
  }
}
.service-menu .service-list {
  margin: 0;
}
.service-menu .service-list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  padding: 10px;
  background: #1b487c;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.service-menu .service-list li.active a {
  background: #77af47 !important;
}
@media screen and (max-width: 767px) {
  .service-menu .service-list li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 648px) {
  .mobilemainmenu,
  .mobilemainmenu-container {
    display: none !important;
  }
}
@media screen and (max-width: 400px) {
  .service-menu .service-list li a {
    padding: 10px 7px;
  }
  .service-menu li span {
    width: 16px !important;
    height: 16px !important;
  }
}
.service-menu li span {
  display: block;
}
.service-menu #house-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url(../images/house-icon_1.png) no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu #empty-house-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url("../images/broom-icon.png") no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu #office-cleaning-icon {
  width: 24px;
  height: 26px;
  background: url("../images/office-icon_1.png") no-repeat;
  background-size: 100%;
  top: 5px;
}
.service-menu .swiper-button-disabled {
  display: none;
}
.smartbanner {
  top: 125px !important;
}
.he .smartbanner .smartbanner__icon {
  right: 40px !important;
}
.he .smartbanner .smartbanner__info {
  right: 110px !important;
}
.he .smartbanner .smartbanner__exit {
  right: 10px !important;
}
#enable-toolbar-trigger {
  display: flex !important;
  bottom: 80px !important;
}
@media screen and (min-width: 769px) {
  /* Desktop: English & Russian - left positioning */
  .en #enable-toolbar-trigger,
  .ru #enable-toolbar-trigger {
    left: 100px !important;
    right: auto !important;
  }

  /* Desktop: Hebrew accessibility toolbar - right positioning (RTL) */
  .he #enable-toolbar-trigger {
    right: 100px !important;
    left: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  #enable-toolbar-trigger {
    transform: scale(1.13) !important;
  }
}
/* Mobile: Hebrew accessibility toolbar - RTL positioning */
@media (max-width: 768px) {
  /* Logo boşlukları kaldır */
  #logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    line-height: normal !important;
  }

  .he #enable-toolbar-trigger {
    right: 10px !important;
    left: auto !important;
  }

  /* Reviews section - margin-top ile aşağı taşı (#home-faq'yi etkilemesin) */
  #reviews {
    margin-top: 200px !important;
  }

  /* HE dilinde slider normal (LTR) kalmalı */
  .he #reviewSlider {
    direction: ltr !important;
  }

  .he .review-carousel {
    direction: ltr !important;
  }

  .he .sp-rtl .sp-buttons {
    direction: ltr !important;
  }
}
@media screen and (min-width: 1025px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.readmore_link {
  color: #76cd15 !important;
}

.he .input-group-addon:last-child {
  border-left: 1px solid #ccc;
}

.he .input-group .form-control:last-child,
.he .input-group-addon:last-child,
.he .input-group-btn:last-child > .btn,
.he .input-group-btn:last-child > .btn-group > .btn,
.he .input-group-btn:last-child > .dropdown-toggle,
.he .input-group-btn:first-child > .btn:not(:first-child),
.he .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

/* Hebrew RTL: Flip arrow direction to point left */
.he .summary .fa.fa-angle-right::after,
.he #cleaner-form .summary .fa.fa-angle-right::after,
.he #houseCleaning .summary .fa.fa-angle-right::after {
  transform: rotate(-135deg) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  top: -1px !important;
}

.he .summary .fa.fa-angle-right,
.he #cleaner-form .summary .fa.fa-angle-right,
.he #houseCleaning .summary .fa.fa-angle-right {
  margin-left: 8px !important;
  margin-right: 0 !important;
  order: -1 !important;
  transform: none !important; /* Override the general .he .fa-angle-right 180deg rotation */
}

/* Hebrew RTL: Button flex layout for proper arrow positioning */
.he .summary .btn-tmz-solid,
.he #cleaner-form .summary .btn-tmz-solid,
.he #houseCleaning .summary .btn-tmz-solid {
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Other FA angle-right icons in RTL (non-summary) */
.he .fa-angle-right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.he #hkDt input[type="number"] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

#user-menu.user-menu-mobile {
  height: 331px;
}
.ar #house-cleaning:before,
.he #house-cleaning:before {
  background-position: 15% bottom !important;
}

.rngst_phone_button {
  display: none !important;
}

.delete-address {
  position: initial !important;
  display: initial !important;
  right: initial !important;
  top: initial !important;
}

.footer-payment-icons {
  top: -0px;
}

#eKomiWidget .ekomi-widget-container .pull-left {
  margin: 0 auto;
  display: block;
  float: inherit !important;
}
@media screen and (min-width: 1200px) {
  #eKomiWidget {
    margin-top: -85px;
  }
  #eKomiWidget-container {
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 1200px) {
  #eKomiWidget-container {
    margin-bottom: 20px;
  }
}

/* Mobile: Logo boşlukları kaldır */
@media screen and (max-width: 768px) {
  #logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
    line-height: normal !important;
  }
}

img.footer-payment-icons {
  max-width: 250px;
  max-height: 75px;
  border-radius: 4px !important;
}

/* ============================================
   SERVICE MENU - Desktop & Mobile Unified
   ============================================ */

/* Override marginTop-20 class for service menu - reduce gap below logo */
.services-swiper-wrapper.service-menu {
  margin-top: 10px !important;
}

#servicesList ul, #servicesList2 ul {
  display: flex;
  justify-content: center;
  gap: 15px;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}

#servicesList li, #servicesList2 li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 6px 18px;
  background: #1b487c;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  margin: 0;
  flex: 0 0 auto;
  width: 200px;
}

#servicesList li a,
#servicesList2 li a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}

/* Active service button - green highlight is set in template via SYSTEM_COMPANY_ID */
/* Default: all service buttons are blue (#1b487c) */
/* Template adds .li-{SYSTEM_COMPANY_ID} with green background (#77af47) */

/* Service icons styling */
.service-icon {
  display: block;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  background-size: 38px 38px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#home-cleaning-icon {
  background-image: url(../images/home-cleaning.svg) !important;
}

#empty-house-icon {
  background-image: url(../images/empty-house.svg) !important;
}

#office-cleaning-2-icon {
  background-image: url(../images/office-cleaning.svg) !important;
}

#pest-control-icon {
  background-image: url(../images/pest-control.svg) !important;
}

#stairwell-icon {
  background-image: url(../images/stairwell.svg) !important;
}

#couch-icon {
  background-image: url(../images/couch-cleaning.svg) !important;
}

#chair-icon {
  background-image: url(../images/chair-cleaning.svg) !important;
}

#mattress-icon {
  background-image: url(../images/mattress-cleaning.svg) !important;
}

#carpet-icon {
  background-image: url(../images/carpet-cleaning.svg) !important;
}

#car-icon {
  background-image: url(../images/car-seat-cleaning.svg) !important;
}

/* Service description text */
.service-icons .desc {
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
  text-align: left;
}

.desc2 {
  display: block !important;
}

/* Desktop: hide descriptions for smaller desktop screens (not tablets) */
@media only screen and (max-width: 1199px) and (min-width: 1025px) {
  .desc {
    display: none !important;
  }
}

/* Tablet/iPad: Service buttons for all languages (768px-1024px) */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* Content margin to clear fixed header on iPad */
  #content {
    margin-top: 150px !important;
  }

  /* Show mobile service menu on iPad with extra top margin */
  .service-menu-mobile {
    display: block !important;
    margin-top: 30px !important;
  }

  /* Hide desktop service menu on iPad */
  .service-menu.hidden-sm {
    display: none !important;
  }

  /* Service menu container - center properly */
  #servicesList2 {
    display: flex !important;
    justify-content: center !important;
    padding: 0 15px !important;
  }

  #servicesList2 ul {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  /* Green service button (Home Cleaning) */
  #servicesList2 li:not(.mobile-menu-btn) {
    min-width: 280px !important;
    max-width: 350px !important;
    min-height: 50px !important;
    padding: 8px 20px !important;
    margin: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) .service-icon {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    background-size: 36px 36px !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) .desc {
    display: block !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
  }

  /* Blue arrow buttons */
  #servicesList2 li.mobile-menu-btn {
    flex: 0 0 auto !important;
    width: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: #1b487c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #servicesList2 li.mobile-menu-btn i {
    font-size: 18px !important;
    color: #fff !important;
  }

  /* Hebrew RTL */
  .he #servicesList2 li:not(.mobile-menu-btn) a {
    flex-direction: row-reverse !important;
  }

  /* Reset Bootstrap push/pull on tablet - form was pushed off-screen */
  #houseCleaning.col-md-push-6 {
    left: 0 !important;
    right: auto !important;
  }
  .col-md-pull-6 {
    right: 0 !important;
    left: auto !important;
  }

  /* Hebrew RTL: Bootstrap push/pull uses right instead of left */
  .he #houseCleaning.col-md-push-6 {
    right: 0 !important;
    left: auto !important;
  }
  .he .col-md-pull-6 {
    left: 0 !important;
    right: auto !important;
  }

  /* Center the form container on tablet */
  #house-cleaning .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Form should be full width and centered */
  #houseCleaning {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    float: none !important;
  }

  /* Hebrew RTL: Ensure form is centered */
  .he #houseCleaning {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hide the left info box on tablet (like mobile) */
  #cleaner-tab .info-box-container {
    display: none !important;
  }
}

/* ============================================
   RUSSIAN LANGUAGE - No special font adjustment
   All languages use same 13px font-size for consistent vertical alignment
   ============================================ */

/* ============================================
   MOBILE: Service menu buttons
   ============================================ */
@media screen and (max-width: 768px) {
  #servicesList2 li:not(.mobile-menu-btn) {
    min-height: 40px !important;
    flex: none !important;
    min-width: 220px !important;
    max-width: 250px !important;
    padding: 4px 12px !important;
    margin: 0 2px !important;
    overflow: hidden !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100%;
  }

  #servicesList2 li:not(.mobile-menu-btn) .service-icon {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  #servicesList2 li:not(.mobile-menu-btn) .desc {
    font-size: 12px !important;
    line-height: 1.2 !important;
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Hebrew: Icon on right side, text on left */
  .he #servicesList2 li:not(.mobile-menu-btn) a {
    flex-direction: row-reverse !important;
  }

  /* Arrow buttons - center arrow icon vertically */
  #servicesList2 li.mobile-menu-btn {
    flex: none !important;
    width: auto !important;
    min-height: 40px !important;
    min-width: 40px !important;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    background: #1b487c !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Arrow icon inside blue buttons */
  #servicesList2 li.mobile-menu-btn i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

#servicesList2 {
  direction: ltr !important;
}

/* ============================================
   LOGIN & REGISTER - Submit Buttons
   ============================================ */

#login-submit-btn,
#register-submit-btn {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
  color: #fff !important;
  font-weight: bold !important;
}

#login-submit-btn:hover,
#register-submit-btn:hover {
  background-color: #6a9c3f !important;
  border-color: #6a9c3f !important;
}

#login-submit-btn:active,
#register-submit-btn:active {
  background-color: #5d8d37 !important;
  border-color: #5d8d37 !important;
}

/* ============================================
   LOGIN & REGISTER - Page Links
   ============================================ */

.linkup {
  color: #1b487c !important;
  text-decoration: none !important;
}

.linkup:hover {
  color: #00467f !important;
  text-decoration: underline !important;
}

/* ============================================
   LOGIN PAGE - List Box Layout
   ============================================ */

.list-box {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 15px;
  margin-bottom: 20px;
}

.list-box-image {
  flex-shrink: 0;
  min-width: 69px;
}

.list-box-image img {
  display: block;
  width: 69px !important;
  height: auto !important;
}

.list-box-content {
  flex: 1;
  text-align: left;
}

.list-box-title {
  margin: 0 0 8px 0;
  font-weight: 700;
}

.list-box-text {
  margin: 0;
  font-size: 14px;
}

.list-box-text p {
  margin: 0;
}

/* ===== BUTTON SPINNER (Login/Register) ===== */
.btn-loading {
    position: relative !important;
    pointer-events: none !important;
}

@keyframes spin {
    0% { transform: rotate(0deg) !important; }
    100% { transform: rotate(360deg) !important; }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg) !important; }
    100% { -webkit-transform: rotate(360deg) !important; }
}

button.btn-loading::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    border: 4px solid rgba(255,255,255,0.3) !important;
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
    border-radius: 50% !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -10px !important;
    margin-top: -10px !important;
    box-shadow: 0 0 4px rgba(255,255,255,1) !important;
    z-index: 10 !important;
    animation: spin 0.8s linear infinite !important;
    -webkit-animation: spin 0.8s linear infinite !important;
}

button.btn-loading {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
}

/* ============================================
   MOBILE: Reduce white space above content
   ============================================ */
@media screen and (max-width: 767px) {
  #content {
    margin-top: 120px !important;
  }
}

/* ============================================
   WIZARD-STYLE: Price & Continue Button Area
   Matching helper-sa/wizard design
   ============================================ */

/* Summary container - helper-sa style with border and shadow */
#cleaner-form .section.go-payment .summary,
#cleaner-form .go-payment .summary,
.section.go-payment .summary,
.go-payment .summary,
.summary.float-clear-wide {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid #e9ecef !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  padding: 16px !important;
  margin-top: 25px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* Inner row - flexbox for vertical alignment */
#cleaner-form .summary > .row,
.go-payment .summary > .row,
.summary > .row {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Left column - price stays at 50% */
#cleaner-form .summary .col-xs-6:first-child,
.go-payment .summary .col-xs-6:first-child,
.summary .col-xs-6:first-child {
  width: 50% !important;
  padding: 0 !important;
  float: left !important;
}

/* Right column - button floats right */
#cleaner-form .summary .col-xs-6:last-child,
.go-payment .summary .col-xs-6:last-child,
.summary .col-xs-6:last-child {
  width: 50% !important;
  padding: 0 !important;
  float: right !important;
  text-align: right !important;
}

/* Price styling - orange color, extra bold, vertically centered */
#cleaner-form .summary .total-price,
.go-payment .summary .total-price,
.summary .total-price {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ff7e00 !important;
  line-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  height: 42px !important;
}

/* Continue button - pill shape, orange background (same as address select), float right */
/* Height matches ONE VISIT/PACKAGE buttons (43px) */
#cleaner-form .summary .btn-tmz-solid,
#cleaner-form .summary button.btn-tmz-solid,
.go-payment .summary .btn-tmz-solid,
.summary .btn-tmz-solid,
.summary button.btn-tmz-solid {
  background-color: #ff7800 !important;
  background: #ff7800 !important;
  border-color: #ff7800 !important;
  border-radius: 35px !important;
  height: 43px !important;
  min-width: 140px !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 43px !important;
  padding: 0 25px !important;
  display: inline-block !important;
  text-align: center !important;
  text-transform: uppercase !important;
  float: right !important;
}

#cleaner-form .summary .btn-tmz-solid:hover,
.go-payment .summary .btn-tmz-solid:hover,
.summary .btn-tmz-solid:hover {
  background-color: #ff7800 !important;
  background: #ff7800 !important;
  border-color: #ff7800 !important;
}

/* Continue button - flexbox alignment */
.summary .btn-tmz-solid,
#service-summary .btn-tmz-solid,
.sidebar-widget .btn-tmz-solid {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Spinner for Continue button - hidden by default */
.summary .btn-tmz-solid .btn-spinner,
#service-summary .btn-tmz-solid .btn-spinner,
.sidebar-widget .btn-tmz-solid .btn-spinner {
  display: none !important;
}

/* Loading state - show spinner, hide arrow */
.summary .btn-tmz-solid.loading .btn-spinner,
#service-summary .btn-tmz-solid.loading .btn-spinner,
.sidebar-widget .btn-tmz-solid.loading .btn-spinner {
  display: inline-block !important;
}

.summary .btn-tmz-solid.loading .btn-arrow,
#service-summary .btn-tmz-solid.loading .btn-arrow,
.sidebar-widget .btn-tmz-solid.loading .btn-arrow {
  display: none !important;
}

.summary .btn-tmz-solid i,
#service-summary .btn-tmz-solid i,
.sidebar-widget .btn-tmz-solid i {
  font-size: 16px !important;
}

/* Arrow icon vertical alignment */
.summary .btn-tmz-solid .btn-arrow,
#service-summary .btn-tmz-solid .btn-arrow,
.sidebar-widget .btn-tmz-solid .btn-arrow {
  line-height: 1 !important;
  position: relative !important;
  top: 1px !important;
}

/* Payment Submit Button - Flexbox alignment */
#paymentSubmit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

#paymentSubmit .btn-spinner {
  display: none !important;
}

#paymentSubmit.loading .btn-spinner {
  display: inline-block !important;
}

#paymentSubmit.loading .btn-arrow {
  display: none !important;
}

#paymentSubmit .btn-arrow {
  line-height: 1 !important;
  position: relative !important;
  top: 1px !important;
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {
  #cleaner-form .section.go-payment .summary,
  #cleaner-form .go-payment .summary,
  .section.go-payment .summary,
  .go-payment .summary {
    padding: 12px 15px !important;
  }

  #cleaner-form .summary .total-price,
  .go-payment .summary .total-price,
  .summary .total-price {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    height: 42px !important;
  }

  #cleaner-form .summary .btn-tmz-solid,
  .go-payment .summary .btn-tmz-solid,
  .summary .btn-tmz-solid {
    height: 43px !important;
    min-width: 120px !important;
    font-size: 19px !important;
    padding: 0 20px !important;
    line-height: 43px !important;
  }
}

/* ============================================
   HOW MANY WORKERS - Helper-SA Style
   Rounded green bordered +/- buttons
   ============================================ */

/* Container for worker quantity selector */
#cleaner-form .select-personell,
.select-personell.float-clear-wide {
  margin-bottom: 15px !important;
}

/* Label and buttons container - flexbox layout */
#cleaner-form .quantity-btn-container,
.quantity-btn-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

/* The quantity-btn wrapper */
#cleaner-form .quantity-btn,
.quantity-btn.quantity-btn-type2 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Label text - "How many workers?" - same font as "How often do you need" */
#cleaner-form .quantity-btn-label,
.quantity-btn .quantity-btn-label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #666666 !important;
  margin-right: 15px !important;
}

/* Circular decrease button (-) - compact */
#cleaner-form .quantity-btn-decrease,
.quantity-btn .quantity-btn-decrease {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 2px solid #77af47 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #77af47 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  line-height: 24px !important;
  text-align: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Circular increase button (+) - compact */
#cleaner-form .quantity-btn-increase,
.quantity-btn .quantity-btn-increase {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 2px solid #77af47 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #77af47 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  line-height: 24px !important;
  text-align: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Hover state for buttons */
#cleaner-form .quantity-btn-decrease:hover,
#cleaner-form .quantity-btn-increase:hover,
.quantity-btn .quantity-btn-decrease:hover,
.quantity-btn .quantity-btn-increase:hover {
  background: #77af47 !important;
  color: #ffffff !important;
}

/* Hide the fake border element */
#cleaner-form .fake-border,
.quantity-btn .fake-border {
  display: none !important;
}

/* Quantity number display - gray rounded square background */
#cleaner-form .quantity-number,
.quantity-btn .quantity-number,
#house-cleaning-quantity-number {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  min-width: 32px !important;
  text-align: center !important;
  margin: 0 6px !important;
  background: #f0f0f0 !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  line-height: 1.4 !important;
}

/* Person icon - compact size to match quantity number */
#cleaner-form .quantity-btn img,
.quantity-btn img {
  width: 14px !important;
  height: 14px !important;
  margin-left: 4px !important;
  margin-top: 0 !important;
  opacity: 0.6 !important;
}

/* ============================================
   PACKAGE TABLE - Bold Headers & Currency
   ============================================ */

/* Table headers - bold */
#cleaner-form .package-table thead th,
.package-table thead th {
  font-weight: 700 !important;
  color: #77af47 !important;
}

/* Visit Price column - currency suffix now added via template with translate tags */
/* Removed CSS ::after - see house-cleaning.phtml for translated currency */

/* ============================================
   ONE-OFF/RECURRING & MONTH BUTTONS - Bold & No Hover
   ============================================ */

/* Make button text bold and gray when unselected - disable ALL transitions */
#hkDt .select-period .btn-tmz-transparent,
#hkDt .sml-lbl .btn-tmz-transparent {
  font-weight: 700 !important;
  color: #666666 !important;
  border: 2px solid #ccc !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* Remove ALL hover effects completely */
#hkDt .select-period .btn-tmz-transparent:hover,
#hkDt .sml-lbl .btn-tmz-transparent:hover,
#hkDt .select-period .row .btn-tmz-transparent:hover,
#hkDt .radio-grup .btn-tmz-transparent:hover {
  background-color: transparent !important;
  background: transparent !important;
  border-color: #77af47 !important;
  color: #666666 !important;
  transform: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/* Remove active/focus effects */
#hkDt .select-period .btn-tmz-transparent:active,
#hkDt .select-period .btn-tmz-transparent:focus,
#hkDt .sml-lbl .btn-tmz-transparent:active,
#hkDt .sml-lbl .btn-tmz-transparent:focus {
  background-color: transparent !important;
  border-color: #77af47 !important;
  color: #666666 !important;
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ============================================
   HOUR BUTTONS - Consistent size across all services
   (Home Cleaning, Deep Cleaning, Office Cleaning)
   ============================================ */

/* Hour button container - flexbox layout for consistent button sizes */
#hkDt .hour-btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Hour buttons - fixed size for consistency across all services */
#hkDt .hour-btn-group .hour-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 48px !important;
  padding: 10px !important;
  border: 2px solid #ccc !important;
  border-radius: 50px !important;
  background: #fff !important;
  cursor: pointer !important;
  -webkit-transition: none !important;
  transition: none !important;
  margin: 0 !important;
  float: none !important;
}

/* Hour buttons - label text styling */
#hkDt .hour-btn-group .hour-btn .ptypelabel {
  color: #666666 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

#hkDt .hour-btn-group .hour-btn .ptypelbl {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hour buttons - hover border effect (green on hover only) */
#hkDt .hour-btn-group .hour-btn:hover {
  border-color: #77af47 !important;
}

/* Hour buttons - selected state (green background, white text) */
#hkDt .hour-btn-group input[type="radio"]:checked + .hour-btn {
  background: #77af47 !important;
  border-color: #77af47 !important;
}

#hkDt .hour-btn-group input[type="radio"]:checked + .hour-btn .ptypelabel {
  color: #fff !important;
}

/* Keep selected state green */
#hkDt .select-period input[type="radio"]:checked + .btn-tmz-transparent,
#hkDt .sml-lbl input[type="radio"]:checked + .btn-tmz-transparent {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
  color: #fff !important;
}

/* Selected state hover - no change */
#hkDt .select-period input[type="radio"]:checked + .btn-tmz-transparent:hover,
#hkDt .sml-lbl input[type="radio"]:checked + .btn-tmz-transparent:hover {
  background-color: #77af47 !important;
  border-color: #77af47 !important;
  color: #fff !important;
}


/* ============================================
   ISRAFIX TAB CONTENT - Desktop margin
   ============================================ */
.israfix-tab-content {
  margin-top: 50px;
}

/* ============================================
   FOOTER SOCIAL ICONS - White color, inline
   ============================================ */
#main-footer .footer-social {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 5px !important;
}
#main-footer .footer-social a {
  color: #FFF !important;
}
#main-footer .footer-social a i {
  color: #FFF !important;
}

/* ============================================
   MOBILE RESPONSIVE FIXES
   ============================================ */

/* Mobile: Month buttons - smaller text to fit "12 Months" */
@media (max-width: 767px) {
  #hkDt .sml-lbl .btn-tmz-transparent {
    font-size: 11px !important;
    padding: 0 2px !important;
    line-height: 38px !important;
  }

  /* Mobile: "How many workers" - single line */
  #hkDt .quantity-btn .quantity-btn-label {
    font-size: 12px !important;
    white-space: nowrap !important;
    margin-right: 8px !important;
  }

  /* Mobile: Notice section - smaller font */
  #hkDt .order-form-notice .notice-content {
    font-size: 10px !important;
  }

  /* Mobile: Hour buttons - smaller to fit 5 buttons in one row */
  #hkDt .hour-btn-group {
    gap: 5px !important;
  }
  #hkDt .hour-btn-group .hour-btn {
    width: 52px !important;
    height: 42px !important;
    padding: 6px !important;
  }
  #hkDt .hour-btn-group .hour-btn .ptypelabel {
    font-size: 15px !important;
  }

  /* Mobile: Remove extra space above form */
  .israfix-tab-content {
    margin-top: 10px !important;
  }

  /* Mobile: Add space below App Store/Google Play buttons */
  #app-download #app-slider-container {
    margin-bottom: 30px !important;
  }

  /* Mobile: Hamburger button color - brandcolor2 */
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    background-color: #77af47 !important;
  }

  /* Mobile: Footer - single row, natural order */
  #main-footer > .container > .row {
    display: flex !important;
    flex-direction: column !important;
  }
  #main-footer .footer-logo-col {
    order: 1 !important;
  }
  #main-footer .footer-links-col {
    order: 2 !important;
    margin-top: 15px !important;
  }
  #main-footer .footer-social-col {
    order: 3 !important;
    margin-top: 15px !important;
  }
  #main-footer .footer-payment-col {
    order: 4 !important;
    margin-top: 15px !important;
    padding-left: 15px !important;
    text-align: center !important;
  }
  /* Mobile: App store buttons below payment, stacked */
  #main-footer .footer-payment-col > div {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
  #main-footer .footer-payment-col > div:first-child {
    margin-top: 0 !important;
  }
  #main-footer .footer-ekomi-col {
    order: 5 !important;
    margin-top: 15px !important;
  }
}

/* Tablet: Keep footer in one row */
@media (min-width: 768px) and (max-width: 1199px) {
  #main-footer > .container > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }
  #main-footer .footer-payment-col {
    padding-left: 20px !important;
  }
  #main-footer .footer-payment-col > div {
    display: inline-block !important;
    vertical-align: top !important;
  }
}


/* "100% Safe Transactions" text should be single line */
#main-footer .footer-payment-col > div:first-child {
  white-space: nowrap !important;
  text-align: center !important;
}

/* Desktop: Footer layout fixes for all languages */
@media (min-width: 1200px) {
  /* Move footer links closer to logo */
  #main-footer .footer-links-col {
    margin-left: -60px !important;
  }

  /* Payment col: horizontal layout (payment cards + App Store side by side) */
  #main-footer .footer-payment-col {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }

  #main-footer .footer-payment-col > div {
    display: inline-block !important;
    vertical-align: top !important;
  }

  /* App Store buttons: vertical stack */
  #main-footer .footer-payment-col > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  /* Payment image + text: limit width to prevent overflow (RU text is longer) */
  #main-footer .footer-payment-col > div:first-child {
    max-width: 160px !important;
    flex-shrink: 0 !important;
  }

  /* RTL (Hebrew): Move footer links closer to logo - mirror of LTR */
  .he #main-footer .footer-links-col {
    margin-left: 0 !important;
    margin-right: -60px !important;
  }
}

/* ============================================
   RTL (Hebrew) Footer Fixes
   ============================================ */

/* RTL: Social icons alignment */
.he #main-footer .footer-social {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}
.he #main-footer .footer-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* RTL: Payment + App Store spacing */
.he #main-footer .footer-payment-col {
  padding-left: 0 !important;
  padding-right: 60px !important;
}
.he #main-footer .footer-payment-col > div:last-child {
  margin-left: 0 !important;
  margin-right: 40px !important;
}

/* RTL: eKomi widget fix */
.he #main-footer .footer-ekomi-col {
  direction: ltr !important;
}
.he #main-footer .footer-ekomi-col #eKomiWidget {
  direction: ltr !important;
}
.he #main-footer .footer-ekomi-col .ekomi-widget-container {
  direction: ltr !important;
}

/* RTL Tablet fixes */
@media (min-width: 768px) and (max-width: 1199px) {
  .he #main-footer .footer-payment-col {
    padding-right: 20px !important;
  }
  .he #main-footer .footer-payment-col > div:last-child {
    margin-right: 20px !important;
  }
}

/* RTL: Booking widget notice (bullet points) - right aligned */
.he .order-form-notice {
  border-left: 1px solid #e74c3c !important;
  border-right: 4px solid #e74c3c !important;
}
.he .order-form-notice .notice-content {
  text-align: right !important;
}

/* ============================================
   DEEP CLEANING - Hour buttons in 2 rows
   Same size as Home Cleaning for consistency
   Row 1: 4, 5, 6, 7 (4 buttons)
   Row 2: 8, 9, 10 (3 buttons centered)
   ============================================ */
.hour-btn-single-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* Hide radio inputs but keep functional */
.hour-btn-single-row input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Hour button styling - same size as Home Cleaning */
.hour-btn-single-row .hour-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 48px;
  padding: 10px;
  border: 2px solid #ccc !important;
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  transition: none !important;
  margin: 0;
}

.hour-btn-single-row .hour-btn .ptypelbl {
  margin: 0;
  padding: 0;
}

.hour-btn-single-row .hour-btn .ptypelabel {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  color: #666666;
}

/* Selected state */
.hour-btn-single-row input[type="radio"]:checked + .hour-btn {
  background: #77af47 !important;
  border-color: #77af47 !important;
}

.hour-btn-single-row input[type="radio"]:checked + .hour-btn .ptypelabel {
  color: #fff;
}

/* Hover state */
.hour-btn-single-row .hour-btn:hover {
  border-color: #77af47 !important;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .hour-btn-single-row {
    max-width: 320px;
    gap: 6px;
  }
  .hour-btn-single-row .hour-btn {
    width: 60px;
    height: 44px;
    padding: 8px;
  }
  .hour-btn-single-row .hour-btn .ptypelabel {
    font-size: 16px;
  }
}

/* =====================================================
   MOBILE MENU - User Menu Items (2025-12-28)
   ===================================================== */

/* User header with icon, name, balance */
.mobile-menu-user-header {
  display: flex;
  align-items: center;
  padding: 15px;
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
}

.mobile-menu-user-header .user-icon {
  margin-right: 12px;
  flex-shrink: 0;
}

.mobile-menu-user-header .user-icon i {
  font-size: 36px;
  color: #77af47;
}

.mobile-menu-user-header .user-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mobile-menu-user-header .greeting-text {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.mobile-menu-user-header .balance-badge {
  display: inline-block;
  background: #d9534f;
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
}

/* RTL: Avatar on right */
.he .mobile-menu-user-header,
.ar .mobile-menu-user-header {
  flex-direction: row-reverse;
}

.he .mobile-menu-user-header .user-icon,
.ar .mobile-menu-user-header .user-icon {
  margin-right: 0;
  margin-left: 12px;
}

.he .mobile-menu-user-header .user-info,
.ar .mobile-menu-user-header .user-info {
  text-align: right;
}

/* Separator between services and user options */
.mobile-menu ul li.mobile-menu-divider {
  height: 1px;
  background: #ddd;
  margin: 10px 15px;
  padding: 0;
  border: none;
}

/* Icons in mobile menu */
.mobile-menu ul li a i.fa {
  margin-right: 8px;
  width: 18px;
  text-align: center;
}

/* RTL: Icons on right side */
.he .mobile-menu ul li a i.fa,
.ar .mobile-menu ul li a i.fa {
  margin-right: 0;
  margin-left: 8px;
}

/* Logout link styling */
.mobile-menu ul li a.mobile-menu-logout {
  color: #d9534f !important;
}
.mobile-menu ul li a.mobile-menu-logout i.fa {
  color: #d9534f !important;
}

/* Hide topbar user dropdown on mobile/tablet - use multiple selectors for specificity */
@media (max-width: 1024px) {
  #topbar #user-menu,
  #topbar .topbar-right-group #user-menu,
  header#main-header #topbar #user-menu,
  #user-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* ============================================
   CUSTOMER ACCOUNT - Active Tab Brand Color 2
   Israfix Brand Color 2: #1b487c (dark blue)
   ============================================ */

/* Remove border-radius from nav-tabs and li elements */
#account .nav-tabs,
.menu_bar .nav-tabs {
  border-radius: 0 !important;
}

#account .nav-tabs > li,
.menu_bar .nav-tabs > li {
  border-radius: 0 !important;
  background: transparent !important;
}

#account .nav-tabs > li > a,
.menu_bar .nav-tabs > li > a {
  border-radius: 0 !important;
}

/* Active tab - Brand Color 2 */
#account .nav-tabs > li.active,
.menu_bar .nav-tabs > li.active {
  background-color: #1b487c !important;
}

#account .nav-tabs > li.active > a,
#account .nav-tabs > li.active > a:focus,
#account .nav-tabs > li.active > a:hover,
.menu_bar .nav-tabs > li.active > a,
.menu_bar .nav-tabs > li.active > a:focus,
.menu_bar .nav-tabs > li.active > a:hover {
  background-color: #1b487c !important;
  color: #fff !important;
  border-radius: 0 !important;
}

/* Tab hover state - Brand Color 2 light */
#account .nav-tabs > li > a:hover,
#account .nav-tabs > li > a:focus,
.menu_bar .nav-tabs > li > a:hover,
.menu_bar .nav-tabs > li > a:focus {
  background-color: rgba(27, 72, 124, 0.15) !important;
}

/* ============================================
   RUSSIAN - Coupon Code Apply Button Fix
   Russian "ПРИМЕНИТЬ" text is longer than Turkish "UYGULA"
   ============================================ */
.ru .applyCoupon,
.ru .cancelCoupon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
  height: auto !important;
  line-height: normal !important;
}

.ru .enter-discount input#couponCode {
  width: 60% !important;
}

/* ============================================
   MOBILE RTL - Customer Menu Tab Border Fix
   Override base tystyle.css border-right on mobile
   ============================================ */
@media (max-width: 767px) {
  .ar #account .nav-tabs > li:last-child a,
  .he #account .nav-tabs > li:last-child a,
  .ar .menu_bar .nav-tabs > li:last-child a,
  .he .menu_bar .nav-tabs > li:last-child a {
    border-right: 0 !important;
  }

  .ar #account .nav-tabs > li:first-child a,
  .he #account .nav-tabs > li:first-child a,
  .ar .menu_bar .nav-tabs > li:first-child a,
  .he .menu_bar .nav-tabs > li:first-child a {
    border-right: 0 !important;
  }
}

/* ============================================
   MOBILE TOPBAR - WhatsApp & Login Single Line Fix
   Prevents text wrapping on mobile header (only when NOT logged in)
   ============================================ */
@media (max-width: 767px) {
  /* Topbar right group - force single line */
  .topbar-right-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  /* WhatsApp link - compact on mobile */
  .topbar-right-group a[onclick*="whatsapp_header"] {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    margin-inline-end: 8px !important;
    padding: 0 !important;
    gap: 5px !important; /* RTL-safe spacing between icon and text */
  }

  .topbar-right-group a[onclick*="whatsapp_header"] i {
    font-size: 16px !important;
  }

  .topbar-right-group a[onclick*="whatsapp_header"] span {
    font-size: 13px !important;
  }

  /* Login link - compact on mobile (only visible when NOT logged in) */
  #topbar #user-login-link {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    gap: 4px !important;
  }

  #topbar #user-login-link i {
    font-size: 12px !important;
  }
}

/* ============================================
   APPLE LOGIN BUTTON - White Icon Box Fix
   Apple logo is black, so wrapper must be white (like Google button)
   ============================================ */
.apple-btn .apple-icon-wrapper {
  background-color: #fff !important;
}

/* ============================================
   LOGIN PAGE - "I'm not member yet" Arrow Icon
   FontAwesome arrow with brandcolor2, RTL support
   ============================================ */
.login-register-arrow {
  color: #1b487c !important; /* brandcolor2 - koyu mavi */
  margin-left: 8px;
  font-size: 14px;
  transition: transform 0.2s ease;
}

/* RTL: Flip arrow for Hebrew */
.he .login-register-arrow,
.ar .login-register-arrow {
  transform: scaleX(-1);
  margin-left: 0;
  margin-right: 8px;
}

/* Hover effect */
.linkup:hover .login-register-arrow {
  transform: translateX(3px);
}

.he .linkup:hover .login-register-arrow,
.ar .linkup:hover .login-register-arrow {
  transform: scaleX(-1) translateX(3px);
}

/* ============================================
   LOGIN PAGE - Mobile Form Spacing Fix
   Reduce vertical gaps by half
   ============================================ */
@media (max-width: 767px) {
  /* Reduce animated-input-container height */
  .customer .form-content .animated-input-container {
    min-height: 55px !important;
    height: 55px !important;
  }

  /* Reduce gap between input fields */
  .customer .form-content .col-lg-5.no-padding,
  .customer .form-content .col-md-12.no-padding {
    margin-bottom: 0 !important;
  }

  /* Reduce LOGIN button wrapper and button margins */
  .customer .form-content .col-lg-2.no-padding {
    margin-top: 0 !important;
  }
  #login-submit-btn {
    margin-top: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Reduce "Log in" heading bottom margin */
  .customer .form-header h4,
  .customer h4.section-title {
    margin-bottom: 2px !important;
  }
}


/* Deep Cleaning Hour Buttons - 4+3 Layout (Mobile Only) */
@media (max-width: 768px) {
    .hour-btn-deep-cleaning {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .hour-btn-deep-cleaning .hour-row {
        display: flex;
        width: 100%;
        gap: 5px;
        justify-content: center;
    }

    /* Same size as Home Cleaning mobile buttons */
    .hour-btn-deep-cleaning .hour-row .hour-btn {
        width: 52px !important;
        height: 42px !important;
        padding: 6px !important;
        flex: none;
        max-width: none;
    }

    .hour-btn-deep-cleaning .hour-row .hour-btn .ptypelabel {
        font-size: 15px !important;
    }

    .hour-btn-deep-cleaning input[type="radio"] {
        display: none;
    }
}

/* Deep Cleaning & Office Cleaning - Exclude VAT alignment */
.empty-home-cleaning-wrapper .summary .left-floated small.color-orange,
#house-cleaning .summary .left-floated small.color-orange {
    display: block;
    text-align: left;
}

/* Hebrew RTL - Exclude VAT aligned right */
.he .empty-home-cleaning-wrapper .summary .left-floated small.color-orange,
.he #house-cleaning .summary .left-floated small.color-orange,
.he #hkDt .summary .left-floated small.color-orange {
    text-align: right;
}


/* Office Cleaning - Add spacing below "How often do you need" */
#hkDt .select-period strong {
    margin-bottom: 12px !important;
    display: block !important;
}

/* Home Cleaning - Poppins font for form labels */
#hkDt .select-period strong,
#hkDt .select-day strong,
#hkDt .quantity-btn-label {
    font-family: 'Poppins', sans-serif !important;
}

/* Home Cleaning - Poppins font for ONE-OFF, RECURRING, months buttons and packages */
#hkDt .btn-tmz,
#hkDt .sml-lbl .btn-tmz,
#hkDt .package-table,
#hkDt .package-table th,
#hkDt .package-table td,
#house-cleaning .btn-tmz,
#house-cleaning .package-table,
#house-cleaning .package-table th,
#house-cleaning .package-table td,
.package-table td {
    font-family: 'Poppins', sans-serif !important;
}

/* Hourly Cleaning - Reduce space above "How many hours" */
#hkDt .select-period.paddingTop-0:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================
   REGISTER PAGE - Hebrew RTL Form Field Alignment
   Fix width difference between form field columns
   ============================================ */

/* Desktop only: Add padding to lastName/phone columns to match firstName/email */
@media (min-width: 768px) {
    .he .form-content .row > .col-xs-12 > .col-lg-6:last-child .form-group:not(.paddingRight-10) {
        padding-right: 10px !important;
    }
}

/* Mobile: Reset all form-group padding for consistent field widths */
@media (max-width: 767px) {
    .he .form-content .form-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Make left border consistent with other borders */
    .he .form-content input.form-control {
        border-left: 2px solid #ddd !important;
    }
}

/* ============================================
   FAQ SECTION - Mobile Layout Fix
   Fix two-column overlap on mobile devices
   (iPhone 16/17 Pro Max reported issue)
   ============================================ */

@media (max-width: 767px) {
    /* Override grid layout to single column on mobile */
    #home-faq #questions-container {
        display: block !important;
        grid-template-columns: none !important;
    }

    /* Make FAQ columns stack vertically on mobile */
    #questions-container > .col-xs-6.left,
    #questions-container > .col-xs-6.right {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    /* Add spacing between FAQ columns when stacked */
    #questions-container > .col-xs-6.left {
        margin-bottom: 20px;
    }

    /* Ensure tab-content has proper height on mobile */
    #home-faq #questions-container .tab-content {
        min-height: auto !important;
        height: auto !important;
    }

    /* Fix FAQ section height - must be auto to contain taller content on mobile */
    #home-faq {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        margin-bottom: 40px !important;
        padding-bottom: 20px !important;
    }

    /* Fix RTL layout for Hebrew */
    .he #home-faq #questions-container {
        display: block !important;
        grid-template-columns: none !important;
    }

    .he #questions-container > .col-xs-6.left,
    .he #questions-container > .col-xs-6.right {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    .he #home-faq #questions-container .tab-content {
        min-height: auto !important;
        height: auto !important;
    }

    .he #home-faq {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        margin-bottom: 40px !important;
        padding-bottom: 20px !important;
    }
}