/* ============================================================================
   ty2 RTL stylesheet — asset/ty2/css/rtl.css
   ----------------------------------------------------------------------------
   Loaded ONLY for RTL locales (ar / he / fa / ur), AFTER every LTR sheet
   (style.css, tystyle.css, responsive.css, custom.css). Every rule is scoped
   under html[dir="rtl"] so it never leaks into LTR renders and always wins by
   virtue of source order + the extra dir attribute in the selector.
   Purpose: mirror physical left/right declarations (float, text-align,
   padding, margin, absolute offsets, borders) for right-to-left layout.
   ============================================================================ */

/* ============================================================
   BASE RTL RESET
   ============================================================ */
html[dir="rtl"] body { direction: rtl; text-align: right; }

/* Directional FontAwesome arrow glyphs — flip horizontally so the arrowhead
   points the RTL-correct way. */
html[dir="rtl"] .fa-long-arrow-left,
html[dir="rtl"] .fa-long-arrow-right,
html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-arrow-left { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/* ============================================================
   BOOTSTRAP 3 GRID — RTL
   The whole ty2 page is laid out with the Bootstrap 3 float grid
   (.col-xs/sm/md/lg-*). Those columns float LEFT, so without this the
   page structure (header, hero columns, footer columns) stays LTR even
   though text-align flipped. Mirror the float to RIGHT inside the SAME
   breakpoint media queries Bootstrap itself uses, so mobile stacking is
   untouched. Offsets used by ty2 (lg 0-3, md 2-3) and .pull-* helpers are
   mirrored too.
   ============================================================ */
html[dir="rtl"] [class*="col-xs-"] { float: right; }
@media (min-width: 768px)  { html[dir="rtl"] [class*="col-sm-"] { float: right; } }
@media (min-width: 992px)  { html[dir="rtl"] [class*="col-md-"] { float: right; } }
@media (min-width: 1200px) { html[dir="rtl"] [class*="col-lg-"] { float: right; } }

html[dir="rtl"] .pull-left  { float: right !important; }
html[dir="rtl"] .pull-right { float: left  !important; }

/* Grid offsets — mirror margin-left → margin-right, inside the matching BP. */
@media (min-width: 992px) {
    html[dir="rtl"] .col-md-offset-2 { margin-left: 0; margin-right: 16.66666667%; }
    html[dir="rtl"] .col-md-offset-3 { margin-left: 0; margin-right: 25%; }
}
@media (min-width: 1200px) {
    html[dir="rtl"] .col-lg-offset-0 { margin-left: 0; margin-right: 0; }
    html[dir="rtl"] .col-lg-offset-1 { margin-left: 0; margin-right: 8.33333333%; }
    html[dir="rtl"] .col-lg-offset-2 { margin-left: 0; margin-right: 16.66666667%; }
    html[dir="rtl"] .col-lg-offset-3 { margin-left: 0; margin-right: 25%; }
}

/* ============================================================
   style.css [1-1200] — RTL overrides
   ============================================================ */

/* --- Float utilities (aggregate rules) --- */
html[dir="rtl"] .float-clear,
html[dir="rtl"] .over-upper-wrapper,
html[dir="rtl"] .mobile-menu ul li,
html[dir="rtl"] .mobile-nav-logo,
html[dir="rtl"] #house-cleaning #companies-tab .add-service-btn,
html[dir="rtl"] #house-cleaning #companies-tab .add-service .added-services { float: right; }

html[dir="rtl"] .float-clear-wide,
html[dir="rtl"] .section,
html[dir="rtl"] .page-nav-container,
html[dir="rtl"] .page-nav,
html[dir="rtl"] .section-title-container,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-description,
html[dir="rtl"] .box-block-container,
html[dir="rtl"] .box-block-container .box-block,
html[dir="rtl"] .box-block-container .box-block-content,
html[dir="rtl"] .box-block-container .box-block-header,
html[dir="rtl"] .box-block-container .box-block-footer,
html[dir="rtl"] .box-block-header-top,
html[dir="rtl"] .box-block-header-middle,
html[dir="rtl"] .box-block-header-bottom,
html[dir="rtl"] .box-block-content-top,
html[dir="rtl"] .box-block-content-middle,
html[dir="rtl"] .box-block-content-bottom,
html[dir="rtl"] .box-block-footer-top,
html[dir="rtl"] .box-block-footer-middle,
html[dir="rtl"] .box-block-footer-bottom,
html[dir="rtl"] .form-container,
html[dir="rtl"] .form-container .form,
html[dir="rtl"] .form-container .form-content,
html[dir="rtl"] .form-container .form-header,
html[dir="rtl"] .form-container .form-footer,
html[dir="rtl"] .list-box-container,
html[dir="rtl"] .list-box-container .list-box,
html[dir="rtl"] .list-box-container .list-box-title,
html[dir="rtl"] .list-box-container .list-box-text,
html[dir="rtl"] .info-box-container,
html[dir="rtl"] .info-box-container .info-box,
html[dir="rtl"] .info-box-container .info-box-title,
html[dir="rtl"] .info-box-container .info-box-header,
html[dir="rtl"] .info-box-container .info-box-content,
html[dir="rtl"] .info-box-container .info-box-footer,
html[dir="rtl"] .inline-buttons,
html[dir="rtl"] .quantity-btn-container,
html[dir="rtl"] .page-header,
html[dir="rtl"] .box-title,
html[dir="rtl"] .sidebar .sidebar-widget,
html[dir="rtl"] #user-menu ul li,
html[dir="rtl"] #user-menu ul li a,
html[dir="rtl"] #user-menu ul,
html[dir="rtl"] #main-slider .sp-layer .slide-text .slide-title,
html[dir="rtl"] #select-service .dropdown-menu li,
html[dir="rtl"] #home-faq ul li,
html[dir="rtl"] #payment #select-card .nav-tabs li,
html[dir="rtl"] .footer-widget-title,
html[dir="rtl"] .footer-widget ul,
html[dir="rtl"] .footer-widget ul li { float: right; }

html[dir="rtl"] .float-wide,
html[dir="rtl"] .quantity-btn-container .quantity-btn,
html[dir="rtl"] #content .list-group-item,
html[dir="rtl"] .sidebar,
html[dir="rtl"] #main-slider .slide-text,
html[dir="rtl"] #select-service .dropdown-menu li a,
html[dir="rtl"] #products-sidebar #companies .list-group-item,
html[dir="rtl"] #payment #select-card .nav-tabs,
html[dir="rtl"] #payment #select-card .nav-tabs li a,
html[dir="rtl"] #payment #select-card .select-card { float: right; }

html[dir="rtl"] .right-floated,
html[dir="rtl"] .page-nav-link.next { float: left; }

html[dir="rtl"] .left-floated,
html[dir="rtl"] .page-nav-link.prev { float: right; }

/* --- fixed-default corner utility --- */
html[dir="rtl"] .fixed-default { left: auto; right: 0; }
html[dir="rtl"] .fixed-default-forced { left: auto !important; right: 0 !important; }

/* --- text-align utilities --- */
html[dir="rtl"] .text-left,
html[dir="rtl"] .section-title.h4,
html[dir="rtl"] .section-title.h3 { text-align: right; }
html[dir="rtl"] .text-right,
html[dir="rtl"] #how-it-works .play-btn,
html[dir="rtl"] #house-cleaning .nav-tabs,
html[dir="rtl"] #office-cleaning .nav-tabs { text-align: left; }
html[dir="rtl"] .text-left-forced { text-align: right !important; }
html[dir="rtl"] .text-right-forced { text-align: left !important; }

/* --- padding-left/right spacing utilities (mirrored) --- */
html[dir="rtl"] .paddingLeft-0,
html[dir="rtl"] .slide-list .container .sp-layer { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .paddingLeft-5  { padding-left: 0 !important; padding-right: 5px !important; }
html[dir="rtl"] .paddingLeft-10 { padding-left: 0 !important; padding-right: 10px !important; }
html[dir="rtl"] .paddingLeft-15 { padding-left: 0 !important; padding-right: 15px !important; }
html[dir="rtl"] .paddingLeft-20 { padding-left: 0 !important; padding-right: 20px !important; }
html[dir="rtl"] .paddingLeft-25 { padding-left: 0 !important; padding-right: 25px !important; }
html[dir="rtl"] .paddingLeft-30 { padding-left: 0 !important; padding-right: 30px !important; }

html[dir="rtl"] .paddingRight-0  { padding-right: 0px !important; padding-left: 0px !important; }
html[dir="rtl"] .paddingRight-5  { padding-right: 0; padding-left: 5px; }
html[dir="rtl"] .paddingRight-8  { padding-right: 0; padding-left: 8px; }
html[dir="rtl"] .paddingRight-10 { padding-right: 0; padding-left: 10px; }
html[dir="rtl"] .paddingRight-15 { padding-right: 0; padding-left: 15px; }
html[dir="rtl"] .paddingRight-20 { padding-right: 0; padding-left: 20px; }
html[dir="rtl"] .paddingRight-25 { padding-right: 0; padding-left: 25px; }
html[dir="rtl"] .paddingRight-30 { padding-right: 0; padding-left: 30px; }

/* --- margin-left/right spacing utilities (mirrored) --- */
html[dir="rtl"] .marginLeft-0  { margin-left: 0; margin-right: 0px; }
html[dir="rtl"] .marginLeft-5  { margin-left: 0; margin-right: 5px; }
html[dir="rtl"] .marginLeft-10 { margin-left: 0; margin-right: 10px; }
html[dir="rtl"] .marginLeft-15 { margin-left: 0; margin-right: 15px; }
html[dir="rtl"] .marginLeft-20 { margin-left: 0; margin-right: 20px; }
html[dir="rtl"] .marginLeft-25 { margin-left: 0; margin-right: 25px; }
html[dir="rtl"] .marginLeft-30 { margin-left: 0; margin-right: 30px; }

html[dir="rtl"] .marginRight-0  { margin-right: 0px; margin-left: 0px; }
html[dir="rtl"] .marginRight-5  { margin-right: 0; margin-left: 5px; }
html[dir="rtl"] .marginRight-10 { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] .marginRight-15 { margin-right: 0 !important; margin-left: 15px !important; }
html[dir="rtl"] .marginRight-20 { margin-right: 0; margin-left: 20px; }
html[dir="rtl"] .marginRight-25 { margin-right: 0; margin-left: 25px; }
html[dir="rtl"] .marginRight-30 { margin-right: 0; margin-left: 30px; }

/* --- Layout container --- */
html[dir="rtl"] .main-container { float: right; }

/* --- List box --- */
html[dir="rtl"] .list-box-content { float: right; }
html[dir="rtl"] .list-box-image.left-floated,
html[dir="rtl"] .list-box-image.page-nav-link.prev { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .list-box-image.right-floated,
html[dir="rtl"] .list-box-image.page-nav-link.next { margin-left: 0; margin-right: 15px; }

/* --- Inline buttons --- */
html[dir="rtl"] .inline-buttons .btn,
html[dir="rtl"] .inline-buttons .btn-tmz,
html[dir="rtl"] .inline-buttons .btn-tmz-solid,
html[dir="rtl"] .inline-buttons .btn-tmz-transparent { margin-left: 0; margin-right: 20px; }

/* --- Page navigation --- */
html[dir="rtl"] .page-nav-link.prev .fa { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .page-nav-link.next .fa { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .pagination { float: right; }
html[dir="rtl"] .pagination .page-num { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .page-nav-container.positioned .page-nav-link.prev { left: auto; right: -115px; }
html[dir="rtl"] .page-nav-container.positioned .page-nav-link.next { left: auto; right: 115px; }

/* --- Sidebar --- */
html[dir="rtl"] .sidebar-widget { float: right; }
html[dir="rtl"] .sidebar-widget-title { float: right; }
html[dir="rtl"] .sidebar .sidebar-widget .sidebar-widget-title { padding-left: 0; padding-right: 30px; }
html[dir="rtl"] .sidebar .box-title { text-align: right; padding-left: 0; padding-right: 15px; }
html[dir="rtl"] .sidebar .table tr td:first-child { text-align: right; }

/* --- Quantity segmented control (type2) --- */
html[dir="rtl"] .quantity-btn-container .quantity-btn.quantity-btn-type2 .quantity-btn-decrease { border-left: none; border-right: 1px solid #7f7f7f; padding-right: 0; padding-left: 0; left: auto; right: 7px; }
html[dir="rtl"] .quantity-btn-container .quantity-btn.quantity-btn-type2 .quantity-btn-increase { border-right: none; border-left: 1px solid #7f7f7f; padding-left: 0; padding-right: 0; }
html[dir="rtl"] .quantity-btn-container .quantity-btn.quantity-btn-type2 .fake-border { left: auto; right: 3px; }

/* --- Form footer --- */
html[dir="rtl"] .form-container .form-footer input[type="checkbox"] { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .form-container .form-footer .remember-me { margin-right: 0; margin-left: 10px; }

/* --- Animated input label --- */
html[dir="rtl"] .animated-input-container .animated-label { left: auto; right: 10px; }

/* --- Directional hover-move animations --- */
html[dir="rtl"] .arrow-animated-right:hover .fa { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
html[dir="rtl"] .arrow-animated-left:hover .fa { -webkit-transform: translateX(6px); transform: translateX(6px); }
html[dir="rtl"] .hvr-forward:hover, html[dir="rtl"] .hvr-forward:focus, html[dir="rtl"] .hvr-forward:active { -webkit-transform: translateX(-8px); transform: translateX(-8px); }
html[dir="rtl"] .hvr-backward:hover, html[dir="rtl"] .hvr-backward:focus, html[dir="rtl"] .hvr-backward:active { -webkit-transform: translateX(8px); transform: translateX(8px); }

/* --- Header / logo / main menu --- */
html[dir="rtl"] #logo { float: right; }
html[dir="rtl"] .main-menu { float: left; }
html[dir="rtl"] .main-menu ul li { float: right; }
html[dir="rtl"] .main-menu ul li .pipe { border-left: none; border-right: 1px solid #ccc; }
html[dir="rtl"] .main-menu li.nav-contact a:hover .num { margin-right: 0; margin-left: 12px; }
html[dir="rtl"] .main-menu li.watsapp { padding-right: 0; padding-left: 5px; }
html[dir="rtl"] #main-header.header-fluid .container-fluid .main-menu ul li ul { text-align: right; }
html[dir="rtl"] .header-nav { right: auto; left: 20px; }

/* --- Hamburger / mobile menu --- */
html[dir="rtl"] .hamburger-box { float: left; }
html[dir="rtl"] .mobile-menu { left: auto; right: -100%; }
html[dir="rtl"] .mobile-menu-behind { left: auto; right: -100%; }
html[dir="rtl"] .mobile-menu ul { float: right; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] .mobile-menu ul li a { text-align: right; }
html[dir="rtl"] .mobile-menu ul li a .fa { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .menu-slideRight { left: auto; right: 0; }
html[dir="rtl"] .mobile-menu-btn { float: left; }
html[dir="rtl"] .mobile-menu li ul { left: auto; right: 0; }
html[dir="rtl"] .mobile-menu li.dropdown a .fa:last-child { float: left; }
html[dir="rtl"] .mobile-menu li ul li a .fa { margin-left: 0; margin-right: 7px; }

/* --- User menu --- */
html[dir="rtl"] #user-menu { right: auto; left: 8px; }
html[dir="rtl"] #user-menu .dropdown .logout-btn { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] #user-menu .dropdown-toggle .avatar { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] #user-menu .dropdown-toggle .caret { margin-left: 0 !important; margin-right: 4px !important; }
html[dir="rtl"] #user-menu ul li,
html[dir="rtl"] #user-menu ul li a { padding-left: 0; padding-right: 15px; }
html[dir="rtl"] #user-menu ul li a .fa { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] #user-menu.user-menu-mobile { right: auto; left: 8px; float: right; }
html[dir="rtl"] #user-menu.user-menu-mobile .dropdown .dropdown-menu { float: right; }

/* --- Services menu / swiper icons --- */
html[dir="rtl"] .main-menu.services ul li a span { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .services-swiper-wrapper .swiper-container .swiper-slide a span { margin-right: 0; margin-left: 6px; }

/* --- Phones menu --- */
html[dir="rtl"] #phones-menu { right: auto; left: 215px; }
html[dir="rtl"] #phones-menu .phone { float: right; margin-right: 0; margin-left: 12px; }
html[dir="rtl"] #phones-menu .phone .contact-number { text-align: right; }
html[dir="rtl"] #phones-menu .phone a img { float: right; margin-right: 0; margin-left: 3px; }

/* --- Select service --- */
html[dir="rtl"] #select-service .box-block-footer-bottom { margin-left: 0; margin-right: -15px; }
html[dir="rtl"] #select-service .box-block-container img.hvr-bg-img { left: auto; right: -204px; }
html[dir="rtl"] #select-service .dropdown-toggle::after { left: auto; right: 6px; }

/* --- App download --- */
html[dir="rtl"] #app-download .inline-buttons-container { left: auto; right: -180%; }

/* --- Comment slider --- */
html[dir="rtl"] .comment-slider .comment-snippet { float: left; right: auto; left: 30px; margin-right: 0; margin-left: 20px; }
html[dir="rtl"] .comment-slider .share { float: right; left: auto; right: 15px; margin-right: 0; margin-left: 20px; }
html[dir="rtl"] .comment-slider .slide-item .slide-item-header { text-align: right; }
html[dir="rtl"] .comment-slider .sp-next-arrow { right: auto; left: -20px; }
html[dir="rtl"] .comment-slider .sp-previous-arrow { left: auto; right: -38px; }

/* --- Stars --- */
html[dir="rtl"] .stars .fa { margin-right: 0; margin-left: 2px; }

/* --- Home services --- */
html[dir="rtl"] #home-services .tab-content .tab-pane .tab-thumb { left: auto; right: -50%; }
html[dir="rtl"] #home-services .tab-content .btn-tmz,
html[dir="rtl"] #home-services .tab-content .btn-tmz-solid,
html[dir="rtl"] #home-services .tab-content .btn-tmz-transparent { float: right; }

/* --- Home faq (vertical tabs) --- */
html[dir="rtl"] #home-faq #questions-container ul li { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
html[dir="rtl"] #home-faq #questions-container ul li.active { border-right: 1px solid #ddd; border-left: 1px solid #f5f5f5; }
html[dir="rtl"] #home-faq #questions-container .tab-content { border-top-left-radius: 5px; border-top-right-radius: 0; margin-left: 0; margin-right: -1px; }
html[dir="rtl"] #home-faq #questions-container .left { padding-right: 15px; padding-left: 0px; }
html[dir="rtl"] #home-faq #questions-container .right { padding-left: 15px; padding-right: 0px; }

/* --- How it works --- */
html[dir="rtl"] #how-it-works .play-btn { right: auto; left: 30px; padding-right: 0; padding-left: 23px; }
html[dir="rtl"] #how-it-works .box-block .box-block-badge { left: auto; right: 27px; }
html[dir="rtl"] #how-it-works .btn-tmz-transparent .fa { margin-left: 0; margin-right: 20px; }

/* --- Products --- */
html[dir="rtl"] #products .disable .disabled .text-arrow { float: left; right: auto; left: 0; }
html[dir="rtl"] #products .disable .disabled .text-arrow .text { margin-left: 0; margin-right: -120px; }
html[dir="rtl"] #products .box-title { padding-left: 0; padding-right: 15px; text-align: right; }
html[dir="rtl"] #products .page-notification-container { left: auto; right: -12px; }
html[dir="rtl"] #product-search #search-results .product-info { padding-left: 0; padding-right: 10px; }

/* --- Products sidebar --- */
html[dir="rtl"] #products-sidebar #companies .list-group-item .stars { margin-right: 0; margin-left: 4px; }

/* --- House cleaning --- */
html[dir="rtl"] #house-cleaning .info-box-container .panel-body { padding-right: 15px; padding-left: 0px; }
html[dir="rtl"] #house-cleaning .how-does-it-work i { right: auto; left: 10px; }
html[dir="rtl"] #house-cleaning .section-title-container img { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] #house-cleaning .section-description { text-align: right; }
html[dir="rtl"] #house-cleaning .tab-content .select-province .form-control { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] #house-cleaning .tab-content .section .btn-tmz-transparent,
html[dir="rtl"] #house-cleaning .tab-content .page-nav-container .btn-tmz-transparent,
html[dir="rtl"] #house-cleaning .tab-content .page-nav .btn-tmz-transparent,
html[dir="rtl"] #house-cleaning .tab-content .section-title-container .btn-tmz-transparent,
html[dir="rtl"] #house-cleaning .tab-content .section-title .btn-tmz-transparent,
html[dir="rtl"] #house-cleaning .tab-content .section-description .btn-tmz-transparent { margin-left: 0; margin-right: 5px; }

/* ============================================================
   style.css [1200-end] — RTL overrides
   ============================================================ */

/* ---- Office Cleaning ---- */
html[dir="rtl"] #office-cleaning .info-box-container .panel-body { padding-right: 0; padding-left: 0; }
html[dir="rtl"] #office-cleaning .how-does-it-work i { right: auto; left: 10px; }
html[dir="rtl"] #office-cleaning .section-title-container img { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] #office-cleaning .section-description { text-align: right; }
html[dir="rtl"] #office-cleaning .tab-content .select-province .form-control { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] #office-cleaning .tab-content .section .btn-tmz-transparent, html[dir="rtl"] #office-cleaning .tab-content .page-nav-container .btn-tmz-transparent, html[dir="rtl"] #office-cleaning .tab-content .page-nav .btn-tmz-transparent, html[dir="rtl"] #office-cleaning .tab-content .section-title-container .btn-tmz-transparent, html[dir="rtl"] #office-cleaning .tab-content .section-title .btn-tmz-transparent, html[dir="rtl"] #office-cleaning .tab-content .section-description .btn-tmz-transparent { margin-left: 0; margin-right: 5px; }

/* ---- Empty House Cleaning ---- */
html[dir="rtl"] #empty-house-cleaning .info-box-container .panel-body { padding-right: 0; padding-left: 0; }
html[dir="rtl"] #empty-house-cleaning .how-does-it-work i { right: auto; left: 10px; }
html[dir="rtl"] #empty-house-cleaning .section-title-container img { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] #empty-house-cleaning .section-description { text-align: right; }
html[dir="rtl"] #empty-house-cleaning .tab-content .select-province .form-control { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] #empty-house-cleaning .tab-content .section .btn-tmz-transparent, html[dir="rtl"] #empty-house-cleaning .tab-content .page-nav-container .btn-tmz-transparent, html[dir="rtl"] #empty-house-cleaning .tab-content .page-nav .btn-tmz-transparent, html[dir="rtl"] #empty-house-cleaning .tab-content .section-title-container .btn-tmz-transparent, html[dir="rtl"] #empty-house-cleaning .tab-content .section-title .btn-tmz-transparent, html[dir="rtl"] #empty-house-cleaning .tab-content .section-description .btn-tmz-transparent { margin-left: 0; margin-right: 5px; }

/* ---- Info box ---- */
html[dir="rtl"] .info-box-footer .fa { margin-left: 0; margin-right: 7px; }
html[dir="rtl"] .info-box-content .panel-group .panel, html[dir="rtl"] .info-box-content .panel-group .panel-heading, html[dir="rtl"] .info-box-content .panel-group .panel-body { padding-left: 0; padding-right: 0; }

/* ---- Cleaner form ---- */
html[dir="rtl"] #cleaner-form .summary { padding-left: 0; padding-right: 5px; }
html[dir="rtl"] #cleaner-form .summary .btn-tmz, html[dir="rtl"] #cleaner-form .summary .btn-tmz-solid, html[dir="rtl"] #cleaner-form .summary .btn-tmz-transparent { margin-left: 0; margin-right: 1px; }
html[dir="rtl"] #cleaner-form .select-personell .quantity-btn { text-align: right; }

/* ---- House Cleaning: Companies tab ---- */
html[dir="rtl"] #house-cleaning #companies-tab { float: right; }
html[dir="rtl"] #house-cleaning #companies-tab .slider { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] #house-cleaning #companies-tab .selected-square-meters { margin-left: 0; margin-right: 10px; }
html[dir="rtl"] #house-cleaning #companies-tab .section-title { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 12px; }
html[dir="rtl"] #house-cleaning #companies-tab .select-company tr td { text-align: right; }
html[dir="rtl"] #house-cleaning #companies-tab .add-service a.remove-item { margin-left: 0; margin-right: 3px; }
html[dir="rtl"] #house-cleaning #companies-tab .add-service .add-service-btn .circle { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] #house-cleaning #companies-tab .add-service .added-services { padding-left: 0; padding-right: 40px; }
html[dir="rtl"] #house-cleaning #companies-tab .add-service .added-services span { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] #house-cleaning #companies-tab .summary { text-align: left; }

/* ---- Payment ---- */
html[dir="rtl"] #payment #order-options #select-date-time .datepicker { padding-left: 0; padding-right: 0; }
html[dir="rtl"] #payment #payment-methods .panel-title a { padding-left: 0; padding-right: 8px; }
html[dir="rtl"] #payment #payment-methods .panel-title .payment-icon { margin-right: 0; margin-left: 7px; }
html[dir="rtl"] #payment .panel .panel-heading .panel-heading-arrow { right: auto; left: 15px; }
html[dir="rtl"] #payment #select-card .select-card { padding: 10px 5px 10px 0px; }
html[dir="rtl"] #payment #select-card .select-card img { padding-right: 0; padding-left: 10px; }
html[dir="rtl"] #payment #select-card .select-card input[type="radio"] { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] .card-payment-options { border-left: none; border-right: 1px solid #dcdddf; padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .card-payment-options table tr td:nth-child(3) { text-align: left; }
html[dir="rtl"] .card-payment-options input[type='radio'] { margin-right: 0; margin-left: 5px; }
html[dir="rtl"] .card-payment-options input[type='radio']:after { left: auto; right: -1px; }
html[dir="rtl"] .card-payment-options input[type='radio']:checked + .custom-input:after { left: auto; right: 7px; }
html[dir="rtl"] .card-payment-options input[type='radio']:checked + .custom-input:before { left: auto; right: 6px; }
html[dir="rtl"] #payment input[type='radio'][name='cardType']:checked + .custom-input:after { left: auto; right: -16px; }
html[dir="rtl"] #payment input[type='radio'][name='cardType'] + .custom-input:before, html[dir="rtl"] #payment input[type='radio'][name='cardType']:checked + .custom-input:before { left: auto; right: -17px; }
html[dir="rtl"] #payment #select-card .card-payment-options .box-title img { float: left; }
html[dir="rtl"] #payment .save-my-card { padding-left: 0; padding-right: 31px; }
html[dir="rtl"] #payment .save-my-card input { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] #payment .save-my-card .permission input { left: auto; right: -20px; }
html[dir="rtl"] #payment .save-my-card .name-your-card label { left: auto; right: 13px; }

/* ---- Put your info ---- */
html[dir="rtl"] #put-your-info-sidebar .section-title { padding-left: 0 !important; padding-right: 0 !important; }
html[dir="rtl"] #put-your-info-sidebar .enter-discount input { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] #put-your-info-sidebar .enter-discount .discount { padding-left: 0; padding-right: 5px; }
html[dir="rtl"] #put-your-info-sidebar .old-price { margin-right: 0; margin-left: 11px; }

/* ---- Address Select (container) ---- */
html[dir="rtl"] #address-select-container #add-new-address #add-new-address-form .form-container:after, html[dir="rtl"] #address-select-container #add-new-address #add-new-address-form .form-container:before { left: auto; right: 93%; }
html[dir="rtl"] #address-select-container #add-new-address #add-new-address-form .form-container:after { margin-left: 0; margin-right: -12px; }
html[dir="rtl"] #address-select-container #add-new-address #add-new-address-form .form-container:before { margin-left: 0; margin-right: -13px; }
html[dir="rtl"] #address-select-container #address-select .address .edit-address { right: auto; left: 0; }
html[dir="rtl"] #address-select-container #address-select .address .address-title { padding-left: 0; padding-right: 1px; }
html[dir="rtl"] #address-select-container #address-select .address .select2-container--disabled .select2-selection__rendered { padding-left: 0; padding-right: 2px; }
html[dir="rtl"] #address-select-container #address-select .address:hover .edit-address .fa { margin-left: 0; margin-right: 7px; }

/* ---- Account Settings ---- */
html[dir="rtl"] #account .nav-tabs { float: right; }
html[dir="rtl"] #account .nav-tabs a { border-right: none !important; border-left: 1px solid #4d4d4d !important; }
html[dir="rtl"] #account .nav-tabs > li:first-child a { border-radius: 0 8px 8px 0; }
html[dir="rtl"] #account .nav-tabs > li:last-child a { border-radius: 8px 0 0 8px; }
html[dir="rtl"] #account #add-new-address #add-new-address-form .form-container:after, html[dir="rtl"] #account #add-new-address #add-new-address-form .form-container:before { left: auto; right: 93%; }
html[dir="rtl"] #account #add-new-address #add-new-address-form .form-container:after { margin-left: 0; margin-right: -12px; }
html[dir="rtl"] #account #add-new-address #add-new-address-form .form-container:before { margin-left: 0; margin-right: -13px; }
html[dir="rtl"] #account #saved-addresses .address .edit-address { right: auto; left: 0; }
html[dir="rtl"] #account #saved-addresses .address .delete-address { right: auto; left: 95px; }
html[dir="rtl"] #account #saved-addresses .address .location-select { right: auto; left: 3px; }
html[dir="rtl"] #account #saved-addresses .address .address-title { padding-left: 0; padding-right: 1px; }
html[dir="rtl"] #account #saved-addresses .address .select2-container--disabled .select2-selection__rendered { padding-left: 0; padding-right: 2px; }
html[dir="rtl"] #account #saved-addresses .address:hover .edit-address .fa { margin-left: 0; margin-right: 7px; }
html[dir="rtl"] #account #saved-addresses .address:hover .delete-address .fa { margin-left: 0; margin-right: 7px; }
html[dir="rtl"] #account #saved-addresses .address:hover .location-select .fa { margin-left: 0; margin-right: 7px; }

/* ---- Orders ---- */
html[dir="rtl"] #account #orders-tab .panel .panel-heading .panel-title .order-cost { float: left; }
html[dir="rtl"] #account #orders-tab .panel .panel-heading .panel-title .order-cost .fa { margin-left: 0; margin-right: 10px; }
html[dir="rtl"] #account #orders-tab .panel .order-repeat { border-radius: 21px 21px 21px 0; left: auto; right: 31px; }
html[dir="rtl"] #account #orders-tab .panel .order-repeat .btn-tmz .fa, html[dir="rtl"] #account #orders-tab .panel .order-repeat .btn-tmz-solid .fa, html[dir="rtl"] #account #orders-tab .panel .order-repeat .btn-tmz-transparent .fa { margin-left: 0; margin-right: 10px; }
html[dir="rtl"] #account #orders-tab .panel .order-repeat .order-price .price { margin-left: 0; margin-right: 10px; }

/* ---- Customer ---- */
html[dir="rtl"] .customer .list-box-content { float: right; }
html[dir="rtl"] .customer .list-box-image.left-floated, html[dir="rtl"] .customer .list-box-image.page-nav-link.prev { margin-right: 0; margin-left: 20px; }

/* ---- Login & register ---- */
html[dir="rtl"] .login-with-social .login-with-fb-btn { text-align: right; padding-left: 0; padding-right: 8px; }
html[dir="rtl"] .login-with-social .login-with-fb-btn i { margin-right: 8px; margin-left: 20px; float: right; }

/* ---- Address Select (list) ---- */
html[dir="rtl"] #address-select .stitle { float: right; }

/* ---- Custom radio label ---- */
html[dir="rtl"] input[type="radio"] + label span { margin: -1px 0 0 4px; }

/* ---- Services-tab underline ---- */
html[dir="rtl"] #search-results .nav-tabs > li > a::after { left: auto; right: 0px; }

/* ---- User Cards ---- */
html[dir="rtl"] #user-cards .list-group { padding-left: 0; padding-right: 0; }
html[dir="rtl"] #user-cards .bank-logo-container { float: right; padding: 12px 12px 12px 22px; border-right: none; border-left: 1px #ddd solid; }
html[dir="rtl"] #user-cards .list-group-item-heading { float: right; }
html[dir="rtl"] #user-cards p { float: right; }

/* ---- Comment table ---- */
html[dir="rtl"] #comment-table .comment-left { float: right; }
html[dir="rtl"] #comment-table .comment-right { float: left; margin-left: 0; margin-right: 15px; }
html[dir="rtl"] #comment-table .comment-text-area { float: right; }
html[dir="rtl"] #comment-table .comment-right .comment-send { float: right; margin-left: 0; margin-right: 12px; }
html[dir="rtl"] #comment-table .comment-ps { float: right; }
html[dir="rtl"] #comment-table .firm-point { float: right; margin-right: 0; margin-left: 10px; }
html[dir="rtl"] #comment-table .firm-point .bold select { padding-left: 0; padding-right: 5px; }

/* ---- User Agreement ---- */
html[dir="rtl"] #user-agreement .nav-tabs { float: right; }
html[dir="rtl"] #user-agreement .nav-tabs a { border-right: none !important; border-left: 1px solid #4d4d4d !important; }
html[dir="rtl"] #user-agreement .nav-tabs > li:first-child a { border-radius: 0 8px 8px 0; }
html[dir="rtl"] #user-agreement .nav-tabs > li:last-child a { border-radius: 8px 0 0 8px; }
html[dir="rtl"] #user-agreement #user-agreement-tab .user-agreement { padding-right: 0; padding-left: 40px; }
html[dir="rtl"] #user-agreement #campaigns-tab .box-block .box-block-header span { float: left; }
html[dir="rtl"] #user-agreement #campaigns-tab .box-block .box-block-header .currency { margin-left: 0; margin-right: 3px; }

/* ---- Contact ---- */
html[dir="rtl"] .contact .bank-information { border-right: none; border-left: 1px solid #99e1f4; }
html[dir="rtl"] .contact .section .form-header h4, html[dir="rtl"] .contact .page-nav-container .form-header h4, html[dir="rtl"] .contact .page-nav .form-header h4, html[dir="rtl"] .contact .section-title-container .form-header h4, html[dir="rtl"] .contact .section-title .form-header h4, html[dir="rtl"] .contact .section-description .form-header h4, html[dir="rtl"] .contact .section .section-title, html[dir="rtl"] .contact .page-nav-container .section-title, html[dir="rtl"] .contact .page-nav .section-title, html[dir="rtl"] .contact .section-title-container .section-title, html[dir="rtl"] .contact .section-title .section-title, html[dir="rtl"] .contact .section-description .section-title, html[dir="rtl"] .contact .form-container .form-header h4, html[dir="rtl"] .contact .form-container .section-title { text-align: right; padding-left: 0; padding-right: 0; }

/* ---- Content area ---- */
html[dir="rtl"] #content .content-area .content { padding-right: 0; padding-left: 40px; }

/* ---- Order success ---- */
html[dir="rtl"] .order .order-summary-title { padding-left: 0 !important; padding-right: 20px !important; }

/* ---- Reorder ---- */
html[dir="rtl"] #reorder .btn-tmz-transparent { padding-right: 0; padding-left: 15px; }
html[dir="rtl"] #reorder .btn-tmz-transparent i { right: auto; left: 15px; }

/* ---- Landing ---- */
html[dir="rtl"] .landing .brand-bar a { margin-right: 0; margin-left: 5%; }
html[dir="rtl"] .landing .product-features .box-block { border-right: none; border-left: 1px solid #d3d3d3; }
html[dir="rtl"] .landing .no-border-right { border-left: none !important; }
html[dir="rtl"] .landing #houseCleaning .select-province .form-control { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] .landing #houseCleaning .section .btn-tmz-transparent, html[dir="rtl"] .landing #houseCleaning .page-nav-container .btn-tmz-transparent, html[dir="rtl"] .landing #houseCleaning .page-nav .btn-tmz-transparent, html[dir="rtl"] .landing #houseCleaning .section-title-container .btn-tmz-transparent, html[dir="rtl"] .landing #houseCleaning .section-title .btn-tmz-transparent, html[dir="rtl"] .landing #houseCleaning .section-description .btn-tmz-transparent { margin-left: 0; margin-right: 5px; }
html[dir="rtl"] .landing .section-title-container img { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .landing .section-description { text-align: right; }

/* ---- Footer ---- */
html[dir="rtl"] .footer-widget .blog-news .blog-image { float: right; margin-right: 0; margin-left: 5px; }
html[dir="rtl"] .footer-social a { margin-left: 0; margin-right: 20px; }
html[dir="rtl"] .footer-social a:nth-child(1) { margin-left: 0; margin-right: 0; }

/* ---- onPress ---- */
html[dir="rtl"] .onPress-item .info { text-align: right; border-left: none; border-right: 3px solid #5ab9f1; }

/* ---- Social sign-in icon nudge ---- */
html[dir="rtl"] .google-btn .google-icon-wrapper { margin-left: 0; margin-right: 1px; }
html[dir="rtl"] .apple-btn .apple-icon-wrapper { margin-left: 0; margin-right: 1px; }

/* ---- Media queries ---- */
@media (min-width: 992px){
  html[dir="rtl"] .cookies-info-text { margin-left: 0; margin-right: 36px; text-align: right; }
  html[dir="rtl"] .cookies-info-button { margin-left: 0; margin-right: 65px; }
}

/* ============================================================
   tystyle.css — RTL overrides
   ============================================================ */

/* ---- Header: language & phones menu ---- */
html[dir="rtl"] #language-menu { margin-left: 0; margin-right: 15px; float: right; }
html[dir="rtl"] #phones-menu .phone { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] #language-menu .language a img { float: right; margin-right: 0; margin-left: 3px; }
html[dir="rtl"] #language-menu .language { float: right; margin-right: 10px; margin-left: 12px; }

/* ---- Custom radio button (checkmark) ---- */
html[dir="rtl"] .yuvarlak:after { left: auto; right: -1px; }
html[dir="rtl"] .cnt-radio { padding-left: 0 !important; padding-right: 25px !important; }
html[dir="rtl"] .checkmark { left: auto; right: 0; }
html[dir="rtl"] .cnt-radio .checkmark:after { left: auto; right: 2px; }

/* ---- Package table ---- */
html[dir="rtl"] .package-table { margin-left: 0; margin-right: 5px; }

/* ---- Weekday selector checkbox icon ---- */
html[dir="rtl"] .weekDays-selector input[type=checkbox]+label:before { left: auto; right: 11px; }

/* ---- Google Places autocomplete input (absolute) ---- */
html[dir="rtl"] #pac-input { left: auto; right: 0px; margin-left: 0; margin-right: 10px; }

/* ---- Payment panel title ---- */
html[dir="rtl"] #payment #payment-methods .panel-title .title-text { padding-left: 0; padding-right: 8px; }

/* ---- Play button (absolute) ---- */
html[dir="rtl"] .play-button-new { right: auto; left: 30px; padding-right: 0; padding-left: 23px; }

/* ---- Customer feedback ---- */
html[dir="rtl"] .answer label { margin-right: 0; margin-left: 20px; float: right; }
html[dir="rtl"] .answer.point label { margin-right: 0; margin-left: 7px; }
html[dir="rtl"] .answer.message textarea { padding-right: 15px; padding-left: 70px; }
html[dir="rtl"] .customer-feedback label.error,
html[dir="rtl"] .answer .section label.error { float: right; text-align: right; }
html[dir="rtl"] .customer-feedback .remained-chars { right: auto; left: 19px; }

/* ---- WhatsApp widget (fixed) ---- */
html[dir="rtl"] .whatsapp-container { right: auto !important; left: 20px !important; }

/* ---- Header phones-menu absolute positioning (media queries) ----
   The more specific `#main-header #phones-menu` (style.css) and the plain
   `#phones-menu` (tystyle.css) both target min-width:1356px; specificity
   resolves to the #main-header rule. Both kept intentionally. */
@media screen and (min-width: 1356px) {
  html[dir="rtl"] #main-header #phones-menu { right: auto !important; left: 11% !important; }
  html[dir="rtl"] #phones-menu { right: auto !important; left: 13% !important; }
}
@media screen and (max-width: 1356px) {
  html[dir="rtl"] #phones-menu { right: auto !important; left: 9% !important; }
}

/* ---- Mobile (<=550px) directional overrides ---- */
@media screen and (max-width: 550px) {
  html[dir="rtl"] .comment-slider .sp-next-arrow { right: auto; left: 35px; }
  html[dir="rtl"] .comment-slider .sp-previous-arrow { left: auto; right: 18px; }
  html[dir="rtl"] #phones-menu { right: auto !important; left: 60px !important; }
  html[dir="rtl"] .mobilfix { padding-right: 0 !important; padding-left: 30px !important; }
  html[dir="rtl"] .footer-social a { margin-left: auto !important; margin-right: 0px !important; }
  html[dir="rtl"] .card-payment-options { padding-left: auto !important; padding-right: 0px !important; }
}

/* ---- Mobile (<=350px) directional overrides ---- */
@media screen and (max-width: 350px) {
  html[dir="rtl"] .small-logo { margin: 10px -5px 16px 13px; }
  html[dir="rtl"] .radio-grup { padding-right: 0; padding-left: 10px; }
}

/* ============================================================
   responsive.css — RTL overrides
   ============================================================ */

@media screen and (max-width: 1366px) {
  html[dir="rtl"] .page-nav-container.positioned .page-nav-link.prev { left: auto; right: -90px; }
  html[dir="rtl"] .page-nav-container.positioned .page-nav-link.next { left: auto; right: 90px; }
}

@media screen and (max-width: 1608px) {
  html[dir="rtl"] .topservicesmenu ul { margin-left: auto; margin-right: 0px; }
  html[dir="rtl"] #phones-menu { right: auto; left: 240px; }
  html[dir="rtl"] #user-menu { right: auto; left: 8px; }
}

@media screen and (max-width: 1888px) {
  html[dir="rtl"] #phones-menu { right: auto; left: 9%; }
  html[dir="rtl"] .topservicesmenu ul { margin-left: 0; margin-right: -100px; }
}

@media screen and (max-width: 1574px) {
  html[dir="rtl"] .topservicesmenu ul { margin-left: auto; margin-right: 0px; }
}

@media screen and (max-width: 1308px) {
  html[dir="rtl"] .topservicesmenu ul { margin-left: auto; margin-right: 0px; }
  html[dir="rtl"] #phones-menu { right: auto; left: 240px; }
}

@media screen and (max-width: 1200px) {
  html[dir="rtl"] .header-nav { right: auto; left: 80px; }
  html[dir="rtl"] #user-menu { right: auto; left: 80px; }
  html[dir="rtl"] .topservicesmenu ul { margin-left: auto; margin-right: 0px; }
  html[dir="rtl"] #main-footer .footer-widget { float: right; }
  html[dir="rtl"] #main-footer .footer-widget ul { float: right; }
  html[dir="rtl"] #content #home-services .nav-tabs > li { float: right; }
  html[dir="rtl"] #content #home-services .tab-pane img.tab-thumb { left: auto !important; right: auto !important; }
  html[dir="rtl"] .footer-widget .blog-news h4 { text-align: right; }
  html[dir="rtl"] #user-agreement .nav-tabs a { border-right: 0 !important; border-left: none !important; }
  html[dir="rtl"] .blog-news li { text-align: right; }
  html[dir="rtl"] #app-download .inline-buttons-container .btn { margin-left: auto; margin-right: 0px; }
  html[dir="rtl"] .card-payment-options { border-left: 0; border-right: none; }
  html[dir="rtl"] #payment #order-options #other-card-form label.control-label { text-align: right; }
  html[dir="rtl"] #account .nav-tabs li a { border-right: 0 !important; border-left: none !important; }
}

@media screen and (max-width: 768px) {
  html[dir="rtl"] #logo { margin-left: 0; margin-right: 20px; }
}

@media screen and (max-width: 480px) {
  html[dir="rtl"] .landing #houseCleaning .section .summary .btn-tmz-solid img, html[dir="rtl"] .landing #house-cleaning .section .summary .btn-tmz-solid img, html[dir="rtl"] #house-cleaning .tab-content .section .summary .btn-tmz-solid img { margin-left: 0 !important; margin-right: 0px !important; }
  html[dir="rtl"] #main-header #logo { margin-left: auto; margin-right: 0px; }
  html[dir="rtl"] #main-header .mobile-menu-btn { margin-right: auto; margin-left: 0; }
  html[dir="rtl"] #main-footer #contact .social a.social-link { margin: 5px 22px 10px 0; }
  html[dir="rtl"] #main-footer #contact .share { float: right; }
  html[dir="rtl"] #product-search #search-results .list-group-item .inline-block.product-info { padding-left: 0; padding-right: 0; }
  html[dir="rtl"] .success .success-title2 i { padding-right: 0; padding-left: 5px; }
}

/* ============================================================
   custom.css — RTL overrides
   ============================================================ */

/* Star rating spacing */
html[dir="rtl"] .stars .fas,
html[dir="rtl"] .stars .far { margin-right: 0; margin-left: 2px; }

/* Mobile menu user header — flip row + text + icon side */
html[dir="rtl"] .mobile-menu-user-header { flex-direction: row-reverse; text-align: right; }
html[dir="rtl"] .mobile-menu-user-header .user-icon { margin-right: 0; margin-left: 12px; }

/* Mobile menu item icons */
html[dir="rtl"] .mobile-menu ul li a i.fa { margin-right: 0; margin-left: 10px; }

/* Video play button — circular icon lives on the leading edge */
html[dir="rtl"] .play-btn { padding-left: 0 !important; padding-right: 60px !important; }

/* Attribute quantity widget (label / number / trailing pictogram) */
html[dir="rtl"] .quantity-btn.attr-quantity .quantity-btn-label { margin-right: 0; margin-left: 10px; }
html[dir="rtl"] .quantity-btn.attr-quantity .quantity-number { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .quantity-btn.attr-quantity img { margin-left: 0; margin-right: 6px; }

/* Home FAQ side image — leftward pull becomes rightward in RTL */
@media (min-width: 1200px) {
  html[dir="rtl"] #home-faq .faq-side-image { left: auto; right: -112px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  html[dir="rtl"] #home-faq .faq-side-image { left: auto; right: -93px; }
}

/* ============================================================
   HERO SERVICE BACKGROUNDS — mirror the baked-in worker photo
   The homepage / service landing heroes (#house-cleaning etc.) carry the
   cleaner photo INSIDE a background-image, so text-align/float flips alone
   leave the person on the LTR side. Double-flip: scaleX(-1) the section
   (mirrors the background image → person moves to the RTL-correct side),
   then scaleX(-1) the single content wrapper back so the form/text stay
   readable and keep their already-flipped RTL positions.
   ============================================================ */
html[dir="rtl"] #house-cleaning,
html[dir="rtl"] #office-cleaning,
html[dir="rtl"] #empty-house-cleaning { transform: scaleX(-1); }
html[dir="rtl"] #house-cleaning > *,
html[dir="rtl"] #office-cleaning > *,
html[dir="rtl"] #empty-house-cleaning > * { transform: scaleX(-1); }

/* "NASIL ÇALIŞIR" (#how-it-works) intro photo — the grid flip already moves
   the image column to the right, but the two-worker photo itself still faces
   the LTR way. Mirror the image content to match RTL (like the hero photos). */
html[dir="rtl"] #how-it-works .thumb { transform: scaleX(-1); }

/* Promo-film play button (.play-btn) — its ▶ icon is baked into the LEFT of a
   full-width sprite (play-btn-space.png, 176px = button width), so it can't be
   moved to the right without a mirrored asset, and mirroring the sprite would
   flip the ▶ triangle (wrong for a play button). The RTL audit set
   text-align:left + padding-left:0, which slid the Arabic label ONTO the
   left-side icon. Restore the LTR internal layout (icon left, label to its
   right) so the label no longer overlaps the icon; the triangle stays ▶.
   !important beats the generic html[dir=rtl] .play-btn padding rule above. */
html[dir="rtl"] #how-it-works .play-btn {
    text-align: right !important;
    padding-left: 60px !important;
    padding-right: 23px !important;
    background-position: 0 0 !important;
}