/*
Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 6.5.32
Template: pro
*/

/* ==========================================================================
   TABLE OF CONTENTS
    1.  Product Page
    2.  Mini Cart
    3.  Single Product – Info Box / Dialog
    4.  Top Bar Dropdown (Currency / Region)
    5.  Language Dropdown
    6.  Arabic (RTL) Overrides
    7.  Search Engine Bar
    8.  Mobile Navbar & Search Modal
    9.  Header
   10.  Footer (Mobile Menu)
   11.  Home Page Badges
   12.  Trust Badges
   13.  Cart Trust Slider
   14.  Add-to-Cart Container
   15.  Fitment Center (Product Detail)
   16.  Run-Flat / Tyre Badge
   17.  Checkout
   18.  Decor Tyre Table
   19.  Garage / My Account
   20.  Google OAuth
   21.  Registration Form
   22.  Search Widget Beta
   23.  Product Thumbnail Buttons (Add to Cart / Buy Now)
   24.  Single Product Info Table
   25.  Admin & Misc
   26.  Home Page Banner
   27.  Slider
   28.  Smart Slider
   29.  Search Widget API (Select2)
   30.  Media Queries
   ========================================================================== */
/* ==========================================================================
   Arabic text local calling
   ========================================================================== */
@font-face {
    font-family: 'DIN-Arabic';
    src: url('/wp-content/uploads/fonts/DINArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Arabic';
    src: url('/wp-content/uploads/fonts/DINArabic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Arabic';
    src: url('/wp-content/uploads/fonts/DINArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Arabic';
    src: url('/wp-content/uploads/fonts/DINArabic-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DIN-Arabic';
    src: url('/wp-content/uploads/fonts/DINArabic-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html[lang="ar"] body,
html[lang="ar"] input,
html[lang="ar"] button,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] table th,
html[lang="ar"] table td{
    font-family: 'DIN-Arabic', sans-serif !important;
}

/* ==========================================================================
   1. PRODUCT PAGE
   ========================================================================== */

.product-brand {
    max-width: 250px;
    margin-bottom: 20px;
}

.product_title.entry-title {
    margin: 0 !important;
}

.product_meta {
    margin-top: 0;
}

.price {
    font-size: 1.2em;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}

.summary .price {
    margin-bottom: 10px;
}

/* Detail page brand name */
.rr-product-brand-name {
    margin-top: 0;
    padding: 0;
    font-size: 35px;
}

.rr-brand-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.rr-brand-overlay img {
    max-height: 40px;
    width: auto;
    display: block;
}

/* Product thumbnail image background */
.iconic-woothumbs-images__image {
    background-color: rgba(255, 255, 255, 1);
}

/* Thumbnail meta label */
.rr-prd-thumbnail-meta {
    font-size: 1em;
    display: block;
    color: rgba(0, 0, 0, 1);
}

/* Tamara / Tabby payment widgets */
.tamara-view-and-pay-button {
    display: none;
}

#tabbyPromo {
    margin-top: 10px !important;
}

#tabbyPromo1 {
    display: none;
}

/* Goodyear tooltip */
.tooltip-container {
    position: relative;
}

.tooltip-text {
    display: none;
    position: absolute;
    width: 225px;
    left: -212px;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    top: 24px;
}

.tooltip-container:hover .tooltip-text {
    display: block;
}

/* Add-to-cart input */
.rr-add-to-cart-inp {
    height: 35px !important;
}

/* Thumbnail checkout option overlay */
.rr-thumbnail-checkout-option {
    position: absolute;
    top: -36px;
    left: 17px;
    right: 17px;
    display: flex;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
}

.rr-thumbnail-checkout-option-image {
    height: 12px;
    display: none;
}

.rr-thumbnail-checkout-option-text {
    font-size: 14px;
    display: none;
}


/* ==========================================================================
   2. MINI CART
   ========================================================================== */

.variation {
    padding: 0;
}

.variation-Size {
    padding: 0.4em 0 0;
    line-height: 1.2em;
    display: inline-flex;
}

.variation-Notes {
    line-height: 1.2em;
    display: flex;
    padding-top: 5px;
}

.quantity {
    text-align: left;
}

.remove {
    font-size: 2.5em;
}

.rr-checkout-customer-section {
    flex: 0 0 62% !important;
    align-self: flex-start;
}

#order_review table td {
    line-height: 1.4;
    width: 50%;
}

.rtl .x-mini-cart img {
    float: left !important;
}

.cart_item .wsc_save_share_cart_btns {
    display: flex;
}

td:lang(ar) {
    /*direction: ltr !important;*/
    text-align: right !important;
}
.rr-service-price:lang(ar){
    left: 18px !important;
    right: auto;
}
html[lang="ar"] .dashicons,
html[lang="ar"] .dashicons-before:before {
    font-family: dashicons !important;
}
.mini_cart_item:lang(ar) {
    direction: ltr !important;
    text-align: left !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons {
    background-color: #fff;
    border: none;
    padding: 0;
    box-shadow: none;
}

.wsc_cart table th:lang(en-US) {
    text-align: left;
}

.wsc_cart table th:lang(ar) {
    text-align: right;
}


/* ==========================================================================
   3. SINGLE PRODUCT – INFO BOX / DIALOG
   ========================================================================== */

/* Include icon (circular yellow badge) */
.summary .rr-include {
    font-size: 18px !important;
    font-weight: 500;
    margin-left: 0;
    margin-right: 5px;
    color: #000;
    background: yellow;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.summary .rr-include-insd {
    border: none;
    padding: 0 0 10px 35px;
    width: 100%;
    line-height: 1.8;
}

.summary .rr-include-gift {
    font-size: 20px;
    font-weight: 300;
    margin-left: 0;
    margin-right: 5px;
    color: #6c6c6c;
}

.summary .rr-include-icon {
    background: yellow;
    border-radius: 50%;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    align-items: center;
    text-align: center;
    color: #000;
    margin-left: 0;
    margin-right: 5px;
}

/* Info box layout */
.summary .info-box {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    line-height: 1.4;
    justify-content: normal;
    margin: auto;
    margin-bottom: 5px;
    height: auto;
}

.summary .icon {
    flex-shrink: 0;
    font-size: 24px;
    line-height: 1;
}

.summary .text-content {
    flex: 1;
}

.summary .text-content span {
    display: flex;
    align-items: center;
}

.summary .parg-rr,
.summary .parg-rr p {
    font-style: italic;
    margin-bottom: 0;
}

.summary .parg-rr a,
.summary .info-box a {
    color: rgb(95, 95, 95);
    text-decoration: underline;
}

.info-box .text-wrapper p {
    margin: 0 !important;
}


/* ==========================================================================
   4. TOP BAR DROPDOWN (CURRENCY / REGION)
   ========================================================================== */

.cus-dropdown {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
}

/* Invisible bridge to prevent dropdown from closing on hover gap */
.cus-dropdown::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    top: 100%;
    left: 0;
}

.cus-dropdown-button,
.lang-cus-dropdown-button {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    width: 100% !important;
}

.cus-dropdown-button::after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-left: 2px;
}

.cus-dropdown-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    background: white;
    min-width: max-content;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 1000;
    transition: all 0.3s ease;
    transform: translateY(-10px);
}

.cus-dropdown:hover .cus-dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cus-dropdown-content .cus-radio-label {
    gap: 5px;
}

.cus-radio-group {
    display: flex;
    flex-direction: column;
}

.cus-radio-label {
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 16px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: inherit;
    padding: 6px 12px;
}

.cus-radio-label:hover {
    background-color: #f5f5f5;
}

.cus-radio-input {
    display: none;
}

.radio-custom {
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.cus-radio-input:checked + .radio-custom {
    background-color: #000;
    border-color: #000;
}

.cus-radio-input:checked + .radio-custom::after {
    content: '✓';
    color: white;
    font-size: 12px;
    position: absolute;
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

span.country-emoji {
    margin-right: 0;
}

.x-bar-is-sticky {
    z-index: 10 !important;
}

.x-bar-top ul {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#rr_locale_dropdown,
#rr_locale_dropdown_loc {
    margin: 0;
}

.x-bar-content .x-text.x-content {
    margin: 0;
}

.x-bar-content .x-text.x-content .lang-cus-dropdown {
    margin: 0;
    padding: 8px 0;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    line-height: 19px;
}


/* ==========================================================================
   5. LANGUAGE DROPDOWN
   ========================================================================== */

.lang-cus-dropdown {
    position: relative;
    display: inline-block;
    margin: 20px;
}

.lang-cus-dropdown-button {
    padding: 0 5px;
    background: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 15px;
    line-height: 0;
}

.lang-cus-dropdown-button::after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-left: 5px;
}

/* Invisible gap bridge */
.lang-cus-dropdown::after {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    top: 100%;
    left: 0;
}

.lang-cus-dropdown-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    background: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 1000;
    transition: all 0.3s ease;
    transform: translateY(-10px);
}

.lang-cus-dropdown-content img {
    width: 17px;
    height: 17px;
    max-width: none;
}

.lang-cus-dropdown:hover .lang-cus-dropdown-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-cus-dropdown-content a {
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    padding: 0;
}

.cus-radio-label a {
    display: inline-flex;
    align-items: center;
}

.get-current-lng:lang(ar) {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transform: translateY(2px);
}

.cus-dropdown .flag:lang(ar) {
    line-height: 1;
    transform: translateY(4px);
}

/* Weglot country selector */
.country-selector.weglot-dropdown a,
.country-selector.weglot-dropdown span {
    display: flex;
    height: 30px;
    line-height: 28px;
}

.country-selector.weglot-dropdown.weglot-shortcode:lang(ar) {
    margin-bottom: 5px;
}


/* ==========================================================================
   6. ARABIC (RTL) OVERRIDES
   ========================================================================== */

html[lang="ar"] .cus-dropdown {
    position: relative;
    display: inline-block;
    margin: 1px;
}

html[lang="ar"] .cus-dropdown-content {
    top: calc(100% + 15px);
}

html[lang="ar"] .cus-radio-label {
    direction: ltr;
}

html[lang="ar"] .cus-radio-input:checked + .radio-custom::after {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

html[lang="ar"] .cus-dropdown-button,
html[lang="ar"] .lang-cus-dropdown-button {
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    line-height: 1;
    transform: translateY(4px);
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    padding: 12px 5px;
    width: 100% !important;
}

html[lang="ar"] .cus-dropdown-button::after {
    top: -2px;
    position: relative;
}

html[lang="ar"] .lang-cus-dropdown-content {
    top: calc(100% + 10px);
}

html[lang="ar"] .x-bar-content .x-text.x-content .lang-cus-dropdown {
    padding: 0;
}

html[lang="ar"] input,
html[lang="ar"] p {
    text-align: justify;
}

html[lang="ar"] .bar p {
    transform: translateY(2px);
}

/* Pro theme builder Arabic nav adjustments */
html[lang="ar"] .mu05-1t.x-anchor .x-anchor-content {
    text-align: left;
}

html[lang="ar"] .mu05-r.x-bar-container {
    margin: 0 0.9em 0 0;
}

html[lang="ar"] .mu05-s.x-bar-container {
    justify-content: flex-end;
    row-gap: 6px;
    column-gap: 6px;
    margin: 0 0 0 0.9em;
}

html[lang="ar"] .mu05-1o.x-anchor .x-anchor-text {
    margin: 0 0 0 0.7em;
    text-align: right;
}

html[lang="ar"] .mu05-1o.x-anchor {
    margin: 0;
}

html[lang="ar"] .mx5m-r.x-anchor .x-anchor-content {
    text-align: left;
}

html[lang="ar"] .mx5m-r.x-bar-container {
    justify-content: flex-start;
    row-gap: 6px;
    column-gap: 6px;
    margin: 0 0.9em 0 0;
}

html[lang="ar"] .mx5m-r.x-anchor .x-anchor-text {
    margin: 0 0 0 0.7em;
    text-align: right;
}

html[lang="ar"] .mx5m-1r.x-anchor {
    margin: 0 0 0 1em;
}

html[lang="ar"] .my3h-q.x-bar-container {
    margin: 0 0.9em 0 0;
}

html[lang="ar"] .my3h-1j.x-anchor .x-anchor-text {
    margin: 0 0 0 0.7px;
}

html[lang="ar"] .my3h-u.x-bar-container {
    margin-right: 0;
    margin-left: 15px;
}
/* ==========================================================================
   . css for shop page rim size
   ========================================================================== */
html[lang="ar"] .tyre_size_shop{
  direction: ltr !important;
}

/* ==========================================================================
   7. SEARCH ENGINE BAR
   ========================================================================== */

.rr-srh {
    direction: ltr;
    padding: 1rem;
    box-sizing: border-box;
}

html[lang="ar"] .rr-srh {
    direction: rtl;
}

.rr-srh .bar {
    width: 100%;
    background: white;
    box-shadow: 0 0 5px hsl(0 0% 78%);
    height: 45px;
    display: flex;
    font-size: 0.6rem;
    border-radius: 5px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.rr-srh .bar > div:not(.submit) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 45px;
    padding: 0 5px;
    max-width: 135px;
    border-radius: 0 !important;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/* Vertical divider between bar sections */
.rr-srh .bar > div:not(.submit)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: #eee;
}

.rr-srh .bar > div:nth-last-child(2)::after {
    display: none;
}

.rr-srh .bar p {
    margin: 0.25rem 0;
    padding: 1px 0 0;
    height: 12px;
    line-height: 10px;
    font-size: 10px;
}

.rr-srh input[type="text"],
.bar p input {
    width: 100%;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    height: 16px;
    font-family: inherit;
    box-sizing: border-box;
    background: none;
    border: none;
    color: #000;
    margin: 0;
    padding: 0;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent;
}

.rr-srh input.error {
    border: none;
    box-shadow: none;
}

.rr-srh .width-error-msg {
    font-size: 9px;
    color: red;
    margin-top: 6px;
    display: block;
    position: relative;
    line-height: 4.5;
}

/* Submit / search button */
.rr-srh .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    font-size: 0.8rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rr-srh .submit:lang(ar) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rr-srh .custom-search-types {
    background: #fff202;
    color: #000;
    font-size: 18px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rr-srh .custom-search-types:hover {
    background: #e6c200;
}

[lang="ar"] .rr-srh .custom-search-types,
[lang="ar"] .rr-srh .custom-search-types:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* Search action buttons (modal) */
.rr-reset-btn {
    appearance: none;
    border-radius: 4px;
    border: 2px solid rgb(206, 206, 206);
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: inherit;
    font-weight: 900;
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    background-color: rgb(206, 206, 206);
    text-shadow: none;
    height: 45px;
}

.rr-reset-btn:hover {
    color: #000;
    background-color: rgb(255, 242, 0);
    border: 2px solid rgb(255, 242, 0);
    text-shadow: none;
}

.rr-search-btn {
    appearance: none;
    border-radius: 4px;
    border: 2px solid #000;
    display: inline-block;
    cursor: pointer;
    color: rgb(255, 242, 0);
    font-family: inherit;
    font-weight: 900;
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    background-color: #000 !important;
    text-shadow: none;
    height: 45px;
}

.rr-search-btn:hover {
    color: #000;
    background-color: rgb(255, 242, 0) !important;
    border: 2px solid rgb(255, 242, 0);
    text-shadow: none;
}

#rr-sbs-toggle {
    font-size: 15px;
}

/* Select2 overrides for search bars */
.select2-container {
    position: relative;
    width: 49% !important;
    background: white url() no-repeat 90% 50%;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
}

.select2-container:lang(en-US) {
    padding-right: 15px;
}

.select2-container:lang(ar) {
    padding-left: 15px;
}

.select2-container--default .select2-selection--single {
    border: none;
}

span.select2-selection__clear {
    display: none;
}

.select2-selection__arrow {
    background: transparent;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    background: #eee;
}

#rr-sbs-front .select2-container,
#rr-sbv-modal .select2-container {
    margin: 0 2px 0.5em;
    border: 1px solid #d0d0d0;
    padding: 0;
}

[class*=woocommerce] .select2-container {
    z-index: 999999;
}

/* Loaders */
.rr-sbv-loader,
.rr-sbs-loader {
    width: 12px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes l5 {
    0%   { box-shadow: 20px 0 #000, -20px 0 #0002; background: #000; }
    33%  { box-shadow: 20px 0 #000, -20px 0 #0002; background: #0002; }
    66%  { box-shadow: 20px 0 #0002, -20px 0 #000; background: #0002; }
    100% { box-shadow: 20px 0 #0002, -20px 0 #000; background: #000; }
}

#rr-sbs-front,
#rr-sbs-rear {
    display: flex;
}

#rr-sbv-modal {
    display: flex;
    flex-wrap: wrap;
}

#rr-sbv-modal select {
    flex: 1;
}

#rr_sbv_submit:lang(en-US),
#rr_sbs_submit:lang(en-US) {
    margin-left: 5px;
}

#rr_sbv_submit:lang(ar),
#rr_sbs_submit:lang(ar) {
    margin-right: 5px;
}

#rr-sbs-rear {
    padding-top: 5px;
}

.custom-select-api {
    position: relative;
    width: 49%;
    border: 1px solid #fff200;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 15px 0 10px;
    appearance: none;
    height: 1.80em;
}

.custom-select-api:lang(en-US) {
    padding-right: 15px;
}

.custom-select-api:lang(ar) {
    padding-left: 15px;
}

/* Empty field height fix */
.empty-value {
    height: 39px;
}

/* Remove focus outline globally */
*:focus {
    outline: none !important;
}

/* Search input placeholder — desktop & mobile */
#rr-search-full-txt::placeholder,
#rr-search-full-txt::-moz-placeholder,
#rr-search-full-txt:-ms-input-placeholder,
#rr-search-full-txt::-ms-input-placeholder,
#rr-search-mini-txt::placeholder,
#rr-search-mini-txt::-moz-placeholder,
#rr-search-mini-txt:-ms-input-placeholder,
#rr-search-mini-txt::-ms-input-placeholder {
    font-size: 12px;
}

/* Mini search form */
.rr-search-form-mini {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.rr-search-form-mini:lang(ar) {
    margin-left: 20px;
}

/* Pro theme search inputs */
.e5267-14.x-search .x-search-input:lang(en-US),
.e5267-16.x-search .x-search-input:lang(en-US) {
    margin-left: 15px;
}

.e5267-14.x-search .x-search-input:lang(ar),
.e5267-16.x-search .x-search-input:lang(ar) {
    margin-right: 15px;
}

form.e5267-14:lang(ar) {
    margin-right: 5px;
}

form.e5267-14:lang(en-US) {
    margin-left: 3px;
}

.x-search-btn.x-search-btn-submit {
    display: none;
}

/* Filter title fix */
.prdctfltr_regular_title,
.prdctfltr_close_sidebar,
.prdctfltr_title_selected {
    font-size: 14px !important;
}

.prdctfltr_showing {
    font-size: 13px;
}

/* Filter icon override */
.prdctfltr-bars::before {
    content: "\f006" !important;
}


/* ==========================================================================
   8. MOBILE NAVBAR & SEARCH MODAL
   ========================================================================== */

/* ---- Mobile bottom nav ---- */
.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999 !important;
}

.mobile-bottom-menu .mobile-menu-styles {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding: 5px 10px;
    background-color: white !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border-top: 1px solid #ece2e2;
}

.mobile-menu-styles {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
}

.menu-item {
    text-align: center;
    flex: 1;
}

.menu-item img {
    width: 50%;
}

.menu-item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    color: inherit;
}

.menu-item-link i {
    font-size: 20px;
    margin-bottom: 4px;
}

.menu-item-link.active {
    color: #000;
}

.menu-item-link.active img {
    filter:
        brightness(0) saturate(100%)
        drop-shadow(2px 2px 0 #fef303)
        drop-shadow(0 0 0 #fef303);
}

.icon-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('your-icon.svg') no-repeat center center;
    background-size: contain;
    filter: brightness(0) saturate(100%);
    z-index: 0;
}

.icon-wrap img {
    position: relative;
    z-index: 1;
    filter: brightness(0.8) contrast(25%);
}

/* ---- Search modal overlay ---- */
.mob-searcch-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 99999;
}

.mob-searcch-modal-overlay.active {
    opacity: 1;
    pointer-events: all;
}

/* ---- Search modal panel ---- */
#mob_search_modal {
    bottom: -15px;
    transition: bottom 0.3s ease;
    position: fixed;
}

#mob_search_modal.active {
    bottom: 0;
}

div#mob_search_modal {
    background-color: white !important;
    z-index: 99999 !important;
}

.modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    background-color: white;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
}

.modal.active {
    transform: translateY(0);
}

.mob-search-modal-header {
    display: inherit;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}

.mob-search-modal-title {
    font-size: 20px;
    font-weight: 600;
}

.mob-search-close-btn {
    background: #000;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    position: absolute;
    top: -15px;
    right: 0;
    color: #fff202;
}

.mob-search-close-btn:hover {
    background-color: #f3f4f6;
}

.close-icon {
    position: relative;
    width: 10px;
    height: 10px;
    color: #fff202;
}

.close-icon::before,
.close-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: rgb(255 242 2);
    top: 50%;
    left: 0;
}

.close-icon::before {
    transform: rotate(45deg);
}

.close-icon::after {
    transform: rotate(-45deg);
}

.modal-content {
    padding: 5px 10px;
    overflow-y: auto;
    height: calc(100% - 65px);
}

/* Modal search filters */
.modal-search-top-filters {
    margin-bottom: 0;
    display: flex;
    gap: 10px;
    background: #dfdfdf;
    border-radius: 10px;
}

.modal-search-top-filters a {
    width: 100% !important;
    padding: 8px 10px;
    border-radius: 6px;
    text-align: center;
}

.modal-search-top-filters a.active {
    background-color: black !important;
    color: #fff;
}

/* Modal Select2 overrides */
#mob_search_modal .select2-container {
    width: 97% !important;
    border: none !important;
}

#mob_search_modal .select2-container:lang(en-US) {
    padding-right: 0 !important;
}

#mob_search_modal .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #d7d6d68c;
    border: 1px solid #dfdfdf;
}

#mob_search_modal .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    background: transparent;
}

#mob_search_modal #rr-sbs-front,
#mob_search_modal #rr-sbs-rear {
    display: block !important;
}

#mob_search_modal .select2-container .select2-selection--single {
    -webkit-user-select: none;
    display: flex;
    height: 45px;
    background: #fff;
    padding: 9px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#mob_search_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 10px;
    right: 1px;
    width: 20px;
    bottom: 0;
    margin: 0 auto;
    align-items: center;
}

/* Modal select (native) */
#rr-mob-search-modal select {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
    padding: 10px;
    background-color: white;
    border: 1px solid #d9d4d4;
    border-radius: 4px;
}

.rr-mob-search-modal-btn {
    display: flex;
    gap: 10px;
}

/* Search footer buttons */
.search-footer-img {
    position: relative;
    top: 13px;
}

.search-footer-btn {
    position: relative;
    top: 28px;
}

.menu-item.search-menu a#openMobSearchModalBtn {
    text-align: center;
    border: 1px solid #b9b9b9;
    border-radius: 100%;
    top: -50px;
    background-color: #fff300 !important;
    box-shadow:
        rgba(0, 0, 0, 0.25) 0 54px 55px,
        rgba(0, 0, 0, 0.12) 0 -12px 30px,
        rgba(0, 0, 0, 0.12) 0 4px 6px,
        rgba(0, 0, 0, 0.17) 0 12px 13px,
        rgba(0, 0, 0, 0.09) 0 -3px 5px;
    position: absolute !important;
    left: 50%;
    transform: translate(-50%);
    width: 58px;
    height: 58px;
    padding: 4px;
}

/* Sidebar locale selectors */
.rr-sidebar-locale {
    display: flex;
    justify-content: space-evenly;
}

.rr-sidebar-country:lang(en-US) { padding-right: 20px; }
.rr-sidebar-country:lang(ar)    { padding-left: 20px; }
.rr-sidebar-lang:lang(en-US)    { padding-left: 20px; }
.rr-sidebar-lang:lang(ar)       { padding-right: 20px; }

.rr-sidebar-account,
.rr-sidebar-menu,
.rr-sidebar-locale,
.rr-sidebar-cr {
    padding: 1.5em 1.95em 0.25em 1.95em;
}

.rr-sidebar-header-info-col:lang(en-US) { padding-bottom: 1em; }
.rr-sidebar-header-info-col:lang(ar)    { padding-bottom: 0; }

.rr-sidebar-header-info-div {
    display: contents;
}

.rr-mobile-search-active {
    padding: 0 2px;
}

.rr-smart-slider-slides div.x-col {
    margin-top: 0;
}


/* ==========================================================================
   9. HEADER
   ========================================================================== */

.e5267-7.x-bar {
    box-shadow: 0 4px 6px -2px #e3e3e3;
}

.rr-header-container .x-bar {
    height: 3em !important;
}

.rr-header-container .x-row {
    padding: 0 5px !important;
}

#rr-header-container div.width {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

#rr-header-parent,
#rr-header-child {
    width: 100%;
}

#rr-header-child {
    visibility: hidden;
}

#rr-header-child div div {
    margin-top: 0;
}

#rr-header-cart-icon-anchor-toggle {
    width: auto;
    height: auto;
    padding: 5px;
}

#cart-item-count .footer-card-count {
    flex-wrap: wrap;
    align-content: center;
    position: absolute;
    top: 0;
    right: 35px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 100em 100em 100em 100em / 100em 100em 100em 1600px;
    background-color: #fff204;
    align-items: center;
    justify-content: center;
    display: flex;
}

html[lang="ar"] #cart-item-count .footer-card-count {
    left: 35px;
    right: auto;
}

/* Nav menu active state */
.e5267-11 .x-always-active {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: #fff200;
    text-decoration-thickness: 5px;
    text-underline-offset: 7px;
}

.e5267-11.x-menu > li > .x-anchor[class*="active"] .x-anchor-text-primary {
    font-weight: 900;
    color: #000;
}

.e5267-11.x-menu > li > .x-anchor,
.e5267-11.x-menu > li > .x-anchor :not([data-x-particle]):lang(ar) {
    margin-bottom: 5px;
}

.e5267-11.x-menu > li > .x-anchor,
.e5267-11.x-menu > li > .x-anchor :not([data-x-particle]):lang(en-US) {
    margin-bottom: 0;
}

.e167-3.x-menu > li > .x-anchor > .is-primary {
    width: auto !important;
    height: 2px !important;
    border-radius: 0 !important;
    margin: 0 10px;
}

.m42b-e:lang(en-US) {
    font-size: 0.85em;
    margin-bottom: -2px;
}

.m42b-e:lang(ar) {
    font-size: 1em;
    margin-bottom: 5px;
}

.x-container.width {
    width: 100%;
}

/* Topbar cornerstone CSS fix */
#wp-admin-bar-tco-main a {
    display: flex !important;
    align-items: center !important;
}


/* ==========================================================================
   10. FOOTER (MOBILE MENU)
   ========================================================================== */

/* Active state styles are in section 8 (menu-item-link.active) */


/* ==========================================================================
   11. HOME PAGE BADGES
   ========================================================================== */

.generic-info-cust .x-slide {
    background: #feef994d;
    height: 4.5em;
    padding: 12px 15px !important;
}

.genric-rc {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.genric-rc i {
    color: #000;
    float: left;
    width: 40px !important;
    height: 40px !important;
    background: #fff300;
    border-radius: 25px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 2.3em;
    margin: 0 !important;
}

.genric-rc i::before {
    display: inline-block;
    vertical-align: middle;
}

.genric-rc .generic-detail {
    color: #000;
    margin-left: 5px;
    margin-top: 5px !important;
    margin-bottom: 0;
    line-height: 15px;
}

.slider-info-nn {
    padding-top: 45px !important;
    padding-bottom: 21px !important;
}


/* ==========================================================================
   12. TRUST BADGES
   ========================================================================== */

.rr-product-trust-badges {
    margin-top: 0;
    padding: 0;
}

.rr-product-trust-badges .slick-slide {
    margin-right: 10px;
    margin-top: 15px;
}

.trust-badges-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

.trust-badges-slider:not(.slick-initialized) {
    visibility: hidden;
    opacity: 0;
}

.trust-badge-box {
    background: #feef994d;
    border-radius: 10px;
    padding: 9px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    width: 160px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.badge-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffef99;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.badge-icon i {
    font-size: 18px;
    color: #000;
}

.trust-badge-box span {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    text-align: left;
    word-break: break-word;
    white-space: normal;
    flex: 1;
    color: #000;
}

/* RTL support */
.rr-product-trust-badges.rtl .trust-badge-box {
    flex-direction: row-reverse;
    text-align: right;
}


/* ==========================================================================
   13. CART TRUST SLIDER
   ========================================================================== */

.rr-cart-trust-slider-wrapper {
    max-width: 100%;
    margin: 20px auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.rr-cart-trust-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rr-cart-trust-box {
    text-align: center;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 0 8px;
    width: 100px;
    max-width: 100px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rr-cart-trust-icon {
    font-size: 24px;
    margin-bottom: 5px;
}

.rr-cart-trust-box span {
    font-size: 13px;
    line-height: 1.2;
    word-wrap: break-word;
}


/* ==========================================================================
   14. ADD-TO-CART CONTAINER
   ========================================================================== */

.rr-ajax-add-to-cart-container {
    display: flex;
    margin: 10px 0;
}

.rr-quantity-field-container.input-text {
    margin-bottom: 0 !important;
}


/* ==========================================================================
   15. FITMENT CENTER (PRODUCT DETAIL)
   ========================================================================== */

.fitment-center-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.fitment-center-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 3px 7px;
    padding-bottom: 12px;
    margin: 5px 24px 9px 0 !important;
    color: #000;
    cursor: default;
}

/* Gap bridge so tooltip doesn't close on hover */
.fitment-center-btn::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px;
}

.ftc-icon {
    height: 20px;
}

.ftc-city {
    margin-right: 4px;
}

/* Count bubble */
.ftc-count-bubble {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #494949;
    color: #fff;
    font-size: 9px;
    font-weight: 100;
    border-radius: 50%;
    padding: 0 5px;
    min-width: 15px;
    text-align: center;
    line-height: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* Heading */
.ftc-heading {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
    color: #333;
    display: block;
    width: 100%;
}
.ftc-paragraph {
    font-size: 12px;
    margin-top: -12px;
    padding: 0;
    font-style: italic;
    color: #888888;
    display: block;
    width: 100%;
}

/* Delay footer strip */
.ftc-delay {
    color: #999;
    font-size: 11px;
}

.ftc-delay-footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #ffff01;
    color: #000;
    font-size: 9px;
    padding: 0 8px;
    border-radius: 10px 10px 0 0;
    white-space: nowrap;
}

/* Delay badge colour coding */
.fitment-delay-badge[data-days="0"] { background: #e9fbe9; color: #1f7a1f; }
.fitment-delay-badge[data-days="1"] { background: #fff7e6; color: #a15c00; }
.fitment-delay-badge[data-days="2"] { background: #f2f7ff; color: #0b5ed7; }
.fitment-delay-badge[data-days="3"] { background: #f0f4ff; color: #2845c7; }
.fitment-delay-badge[data-days="4"] { background: #f0f0f5; color: #555; }

/* Tooltip */
.ftc-tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 100;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    margin-top: 0;
}

.fitment-center-btn:hover .ftc-tooltip,
.ftc-tooltip:hover {
    display: block;
}

.ftc-tooltip-item {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 0;
    border-bottom: 1px solid #555;
}

.ftc-tooltip-item:last-child {
    border-bottom: none;
}

.ftc-tooltip-location {
    color: #fff;
    font-size: 13px;
}

.ftc-tooltip-delay {
    color: #aaa;
    font-size: 12px;
}

/* "More" section inside tooltip */
.ftc-more-section {
    border-top: 1px solid #555;
    margin-top: 4px;
    padding-top: 4px;
}

.ftc-more-section .ftc-tooltip-item {
    border-bottom: 1px solid #444;
}

/* "+N more" toggle button */
.ftc-more-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 3px 10px;
    background: #ffcc00;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    user-select: none;
}

.ftc-more-btn:hover {
    background: #e6b800;
}

/* "More" tooltip */
.ftc-more-tooltip {
    display: none;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 200;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    min-width: 180px;
}

.ftc-more-btn:hover .ftc-more-tooltip,
.ftc-more-tooltip:hover {
    display: block;
}

/* "More" dropdown (rendered outside tooltip) */
.ftc-more-dropdown {
    position: absolute;
    top: calc(110% + 90px);
    left: 50%;
    transform: translateX(-50%);
    background: #444;
    border-radius: 6px;
    padding: 6px 10px;
    z-index: 200;
    min-width: 200px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

.ftc-more-dropdown .ftc-tooltip-item {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 0;
    border-bottom: 1px solid #555;
}

.ftc-more-dropdown .ftc-tooltip-item:last-child {
    border-bottom: none;
}

.ftc-more-dropdown .ftc-tooltip-location {
    color: #fff;
    font-size: 12px;
}

.ftc-more-dropdown .ftc-tooltip-delay {
    color: #ffcc00;
    font-size: 11px;
}


/* ==========================================================================
   16. RUN-FLAT / TYRE BADGE
   ========================================================================== */

.rr-tyre-badge-top .rr-tyre-badge {
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    font-size: 10px !important;
    font-weight: 600;
    padding: 3px 8px;
    margin-right: 5px;
    border-radius: 4px;
    background: #0366ae1f;
}

/* Prevent entry-header rule from affecting tyre badges */
.rr-tyre-badge-top span,
.rr-tyre-badge-safe {
    font-size: 10px !important;
}

.entry-header span:nth-child(2):not(.rr-tyre-badge) {
    font-size: 12px !important;
}


/* ==========================================================================
   17. CHECKOUT
   ========================================================================== */

/* Hide coupon toggle */
.woocommerce-form-coupon-toggle {
    display: none;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-link {
    margin-left: 4px;
    text-decoration: underline;
}

.woocommerce-terms-and-conditions-wrapper {
    font-size: 13px;
}

.woocommerce-terms-and-conditions-wrapper label {
    white-space: nowrap;
}

.woocommerce-terms-and-conditions-wrapper label a {
    white-space: normal;
}

#place_order {
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

button#place_order {
    margin-top: 10px;
    margin-bottom: 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    margin-bottom: 0;
}

.radio,
.checkbox {
    min-height: 18px;
    display: flex;
    line-height: 1.4;
    padding: 0;
}

.woocommerce-checkout form input[type=checkbox] {
    margin: 0;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    accent-color: #000;
    cursor: pointer;
}


/* ==========================================================================
   18. DECOR TYRE TABLE (RESPONSIVE)
   ========================================================================== */

.responsive-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.load-index {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.load-index th,
.load-index td {
    padding: 8px 12px;
    border: none;
    text-align: center;
    white-space: nowrap;
}

.load-index tr + tr td {
    border-top: 1px solid #eee;
}


/* ==========================================================================
   19. GARAGE / MY ACCOUNT
   ========================================================================== */

#rr-myaccount-container {
    display: flex;
}

#rr-myaccount-header {
    width: 100%;
    padding-bottom: 0;
}

#rr-myaccount-nav {
    width: min-content;
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

#rr-myaccount-nav ul {
    display: block;
}

#rr-myaccount-content {
    padding: 0 10px;
    width: 100%;
    display: inline-grid;
}

#rr-myaccount-order-tbl th:lang(en-US) {
    text-align: left;
    background: #e8e9eb;
}

#rr-myaccount-order-tbl th:lang(ar) {
    text-align: right;
    background: #e8e9eb;
}

.woocommerce-MyAccount-navigation-link a {
    margin-right: 0;
    background-color: #e8e9eb;
    border: none;
    font-weight: 700;
}

.woocommerce-MyAccount-navigation-link a:hover {
    background-color: rgb(255, 242, 0);
    border: none;
    font-weight: 700;
}


/* ==========================================================================
   20. GOOGLE OAUTH
   ========================================================================== */

.google-button {
    width: 100%;
    height: 40px;
    border-width: 0;
    background: white;
    color: #737373;
    border-radius: 5px;
    white-space: nowrap;
    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);
    padding: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    transition: all 0.15s linear;
}

.google-button:focus,
.google-button:hover {
    box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.google-button:active {
    background-color: #e5e5e5;
    box-shadow: none;
    transition-duration: 10ms;
}

.google-button__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 8px;
    width: 18px;
    box-sizing: border-box;
}

.google-button__icon--plus {
    width: 27px;
}

.google-button__text {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto", Arial, sans-serif;
    text-shadow: none;
    margin-top: 5px;
}


/* ==========================================================================
   21. REGISTRATION FORM
   ========================================================================== */

.intl-tel-input {
    display: inline !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
    background-color: white !important;
}

label[for=mailchimp_woocommerce_newsletter] {
    display: initial;
}


/* ==========================================================================
   22. SEARCH WIDGET BETA
   ========================================================================== */

/* Base styles (shared across all breakpoints) */
.rr-serach-widget-beta {
    background-color: #f5f5f5 !important;
}

.rr_swb_card {
    background-color: rgb(241, 241, 241);
    border-radius: 5px;
}

.swb_container {
    display: flex;
}

.swb_form_child {
    border: none;
    text-align: center;
}

.swb_form_btn {
    color: white;
    background-color: #616161;
    font-weight: 700;
}

.swb_form_select {
    margin-bottom: 0;
    border-radius: 5px;
}

.swb_form_title {
    color: black;
    font-weight: 600;
    padding: 5px;
}

/* Mobile (320–767px) */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .swb_form_parent:lang(en-US) {
        border: none;
        text-align: center;
        margin-right: 10px;
    }

    .swb_form_parent:lang(ar) {
        border: none;
        text-align: center;
        margin-left: 10px;
    }

    .swb_form_header_mob {
        display: flex;
        border: none;
        text-align: center;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .swb_form_header_desk {
        display: none;
    }

    .swb_form_btn {
        padding: 5px 8px;
        font-size: 10px;
    }

    .swb_form_select {
        font-size: 10px;
    }

    .swb_form_title {
        font-size: 12px;
    }
    .ftc-paragraph {
        margin-top: -5px;
    }
    .rr-prd-lbl {
        top: 16px !important;
    }
    .rr-brand-overlay{
        0px 0px 0px 0px !important;
    }
    .rr-sv-label2{
        font-size: 9px !important;
        height: 20px !important;
        width: 56px !important;
        padding: 3px 5px 5px 5px !important;
        line-height: 14px !important;
        margin-top: 20px !important;
    }
}

/* Laptop & Desktop (768px+) */
@media screen and (min-width: 768px) {
    .swb_container {
        padding: 0 3em;
    }

    .swb_form_parent:lang(en-US) {
        display: inline-flex;
        align-items: center;
        border: none;
        text-align: center;
        margin-right: 25px;
    }

    .swb_form_parent:lang(ar) {
        display: inline-flex;
        align-items: center;
        border: none;
        text-align: center;
        margin-left: 25px;
    }

    .swb_form_child {
        display: inline-flex;
        align-items: center;
    }

    .swb_form_header_mob {
        display: none;
    }

    .swb_form_header_desk {
        display: flex;
        border: none;
        text-align: center;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .swb_form_btn {
        padding: 5px 30px;
        font-size: 13px;
    }

    .swb_form_title {
        font-size: 15px;
        margin-right: 25px;
    }

    .swb_form_select {
        font-size: 14px;
    }
}


/* ==========================================================================
   23. PRODUCT THUMBNAIL BUTTONS (ADD TO CART / BUY NOW)
   ========================================================================== */

/*
 * Shared values across all breakpoints:
 *   - Single product btn height: 2.5em
 *   - Compare btn height: 2.5em, font-weight: 800, border-radius: 0.15em
 *   - Single / compare font-size: 1em, padding: 5px 15px
 */

/* ---------- Mobile (320–479px) ---------- */
@media screen and (min-width: 320px) and (max-width: 479px) {

    /* Shop page */
    .rr-add-to-cart-btn:lang(en-US) {
        margin: 0 5px 0 0;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn:lang(ar) {
        margin: 0 5px 0 5px;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn-icon:lang(en-US),
    .rr-add-to-cart-btn-icon:lang(ar) {
        font-size: 1.25em;
    }

    .rr-buy-it-now-btn:lang(en-US) {
        margin: 0;
        height: 3.25em;
        width: 100%;
        font-size: 0.75em;
        padding: 0 5px;
    }

    .rr-buy-it-now-btn:lang(ar) {
        margin: 0;
        height: 3.25em;
        width: 100%;
        font-size: 0.75em;
        padding: 0 5px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Single product page */
    .rr-add-to-cart-single-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-add-to-cart-single-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-buy-it-now-single-btn:lang(en-US) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
    }

    .rr-buy-it-now-single-btn:lang(ar) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Compare product page */
    .rr-add-to-cart-compare-btn:lang(en-US),
    .rr-add-to-cart-compare-btn:lang(ar) {
        margin: 0 10px 10px 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(en-US) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(ar) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    /* Thumbnail checkout option */
    .rr-thumbnail-checkout-option-image { height: 10px !important; }
    .rr-thumbnail-checkout-option-text  { font-size: 11px !important; }
}

/* ---------- Tab (480–767px) ---------- */
@media screen and (min-width: 480px) and (max-width: 767px) {

    /* Shop page */
    .rr-add-to-cart-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn-icon:lang(en-US),
    .rr-add-to-cart-btn-icon:lang(ar) {
        font-size: 1.25em;
    }

    .rr-buy-it-now-btn:lang(en-US) {
        margin: 0;
        height: 3em;
        width: 100%;
        font-size: 0.8em;
        padding: 5px;
    }

    .rr-buy-it-now-btn:lang(ar) {
        margin: 0;
        height: 3em;
        width: 100%;
        font-size: 0.8em;
        padding: 5px;
       /* font-family: 'Tajawal-Black' !important;*/
    }
    .rr-thumbnail-checkout-option {
        top: -25px !important;
    }
    /* Single product page */
    .rr-add-to-cart-single-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-add-to-cart-single-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-buy-it-now-single-btn:lang(en-US) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
    }

    .rr-buy-it-now-single-btn:lang(ar) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Compare product page */
    .rr-add-to-cart-compare-btn:lang(en-US),
    .rr-add-to-cart-compare-btn:lang(ar) {
        margin: 0 10px 10px 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(en-US) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(ar) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }
}

/* ---------- Laptop (768–991px) ---------- */
@media screen and (min-width: 768px) and (max-width: 991px) {

    /* Shop page */
    .rr-add-to-cart-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn-icon:lang(en-US),
    .rr-add-to-cart-btn-icon:lang(ar) {
        font-size: 1.25em;
    }

    .rr-buy-it-now-btn:lang(en-US) {
        margin: 0;
        height: 2.45em;
        width: 100%;
        font-size: 1em;
        padding: 5px;
    }

    .rr-buy-it-now-btn:lang(ar) {
        margin: 0;
        height: 2.45em;
        width: 100%;
        font-size: 1em;
        padding: 5px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Single product page */
    .rr-add-to-cart-single-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-add-to-cart-single-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-buy-it-now-single-btn:lang(en-US) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
    }

    .rr-buy-it-now-single-btn:lang(ar) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Compare product page */
    .rr-add-to-cart-compare-btn:lang(en-US),
    .rr-add-to-cart-compare-btn:lang(ar) {
        margin: 0 10px 10px 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(en-US) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(ar) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }
}

/* ---------- Desktop (992px+) ---------- */
@media screen and (min-width: 992px) {

    /* Shop page */
    .rr-add-to-cart-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 12px;
        height: 2.85em;
    }

    .rr-add-to-cart-btn-icon:lang(en-US),
    .rr-add-to-cart-btn-icon:lang(ar) {
        font-size: 1.25em;
    }

    .rr-buy-it-now-btn:lang(en-US) {
        margin: 0;
        height: 2.45em;
        width: 100%;
        font-size: 1em;
        padding: 5px;
    }

    .rr-buy-it-now-btn:lang(ar) {
        margin: 0;
        height: 2.45em;
        width: 100%;
        font-size: 1em;
        padding: 5px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Single product page */
    .rr-add-to-cart-single-btn:lang(en-US) {
        margin: 0 10px 0 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-add-to-cart-single-btn:lang(ar) {
        margin: 0 10px 0 10px;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
    }

    .rr-buy-it-now-single-btn:lang(en-US) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
    }

    .rr-buy-it-now-single-btn:lang(ar) {
        margin: 0;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
    }

    /* Compare product page */
    .rr-add-to-cart-compare-btn:lang(en-US),
    .rr-add-to-cart-compare-btn:lang(ar) {
        margin: 0 10px 10px 0;
        padding: 5px 15px;
        font-size: 1em;
        height: 2.5em;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(en-US) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }

    .rr-buy-it-now-compare-btn:lang(ar) {
        margin-bottom: 10px;
        height: 2.5em;
        font-size: 1em;
        padding: 5px 15px;
        font-family: 'Tajawal-Black' !important;
        font-weight: 800;
        text-shadow: none;
        border-radius: 0.15em;
    }
}


/* ==========================================================================
   24. SINGLE PRODUCT INFO TABLE
   ========================================================================== */

/* Mobile (320–479px) */
@media screen and (min-width: 320px) and (max-width: 479px) {
    .single_product_page_product_info_title {
        padding: 2px;
        width: 40%;
        border: none;
    }

    .single_product_page_product_info_content {
        padding: 2px;
        width: 60%;
        border: none;
    }
}

/* Tab, Laptop & Desktop (480px+) */
@media screen and (min-width: 480px) {
    .single_product_page_product_info_title {
        padding: 2px;
        width: 25%;
        border: none;
    }

    .single_product_page_product_info_content {
        padding: 2px;
        width: 75%;
        border: none;
    }
}


/* ==========================================================================
   25. ADMIN & MISC
   ========================================================================== */

/* Admin bar shortcuts */
#wp-admin-bar-rr-adminbar-shortcuts > a:first-child {
    color: #000 !important;
    background: #fff302;
    box-shadow: inset 0 0 0 1px black !important;
    padding-bottom: 0 !important;
    transform: scale(0.85);
    font-size: 1em;
    font-weight: 600;
}

#wp-admin-bar-rr-adminbar-shortcuts > a:first-child:hover {
    background: #fff !important;
}

/* Klaviyo popup footer link */
.needsclick.kl-private-reset-css-Xuajs1 a {
    display: none !important;
}

/* Locale select (mobile only) */
.rr-locale-select {
    width: auto;
    margin: 0;
    font-size: 16px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #333;
    cursor: pointer;
}


/* ==========================================================================
   26. HOME PAGE BANNER
   ========================================================================== */

.home-content-img:lang(en-US) {
    background-image: url('https://rimrubbersta.wpengine.com/wp-content/uploads/2022/11/get-a-grip-en.png');
    height: 84px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-left: 21px;
}

.home-content-img:lang(ar) {
    background-image: url('https://rimrubbersta.wpengine.com/wp-content/uploads/2022/11/get-a-grip-ar.png');
    height: 93px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-right: 21px;
}

.home-content-1:lang(en-US)::before   { content: "Save up to"; }
.home-content-1:lang(ar)::before      { content: "وفر ما يصل إلى"; }
.home-content-2:lang(en-US)::before   { content: "on your tyres this season"; }
.home-content-2:lang(ar)::before      { content: "على إطاراتك هذا الموسم"; }
.home-content-terms:lang(en-US)::before { content: "Terms & Conditions apply*"; }
.home-content-terms:lang(ar)::before  { content: "تطبق الشروط والأحكام*"; }
.home-content-perc:lang(en-US)::before { content: "40%"; }
.home-content-perc:lang(ar)::before   { content: "%40"; }

/* Home page circular icon */
.circle-more {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
    background-color: #000;
    border-radius: 50%;
    border: 1px solid #fff200;
}

.home-icon {
    display: block;
    margin-bottom: 0.4em;
}

/* Custom select styling */
.custom-select {
    position: relative;
    width: 49%;
    border: 1px solid #fff200;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    background: white url(https://rimrubber.com/wp-content/uploads/2021/08/down-arrow-mini.svg) no-repeat 90% 50%;
    border-radius: 4px;
    padding-right: 15px;
    appearance: none;
}

/* Warranty table RTL */
.warranty-tbl th:lang(ar) {
    text-align: right;
}

.warranty-tbl:lang(ar) {
    float: right;
}

/* Misc text alignment */
.x-text:lang(ar) {
    text-align: right;
}

.m1z-1l.x-anchor .x-anchor-text-primary {
    font-weight: 100;
}

/* Disabled button state */
button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

/* Search widget slide */
.search-widget-slide {
    margin-top: -5px !important;
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
}

/* Search widget tab/panel gap fix */
.x-tabs-panels {
    margin-top: -1px;
}

/* Smart Slider Arabic font */
#n2-ss-1item11:lang(ar),
#n2-ss-1item10:lang(ar),
#n2-ss-1item9:lang(ar),
#n2-ss-1item8:lang(ar),
#n2-ss-1item3:lang(ar),
#n2-ss-1item4:lang(ar),
#n2-ss-1item5:lang(ar),
#n2-ss-1item6:lang(ar),
#n2-ss-1item7:lang(ar),
#n2-ss-1item12:lang(ar),
#n2-ss-1item13:lang(ar),
#n2-ss-1item14:lang(ar) {
    font-family: 'Tajawal-Black' !important;
    display: flex !important;
    justify-content: flex-start;
    text-align: right !important;
}

.rr_falken_shop_now a div div:lang(ar),
.rr_alamoudi_shop_now a div div:lang(ar),
.rr_saudi_national_day a div div:lang(ar) {
    font-family: 'Tajawal-Black' !important;
}

.rr_saudi_national_day_row:lang(ar) {
    direction: ltr !important;
}

.rr-buy-now-20 div div:lang(ar),
.rr-buy-now-19 div div:lang(ar) {
    font-family: 'Tajawal-Black' !important;
}

#rr-desk-size-toggle {
    display: flex;
}

#rr-desk-size-toggle-ico {
    padding-right: 5px;
}


/* ==========================================================================
   27. SLIDER
   ========================================================================== */

/*
 * Base button styles shared across all breakpoints.
 * Only font-size and positional tweaks differ per breakpoint.
 */

/* Base shared styles for all slider buttons */
.rr-slider-btn,
.rr-slider-falken-btn {
    appearance: none;
    border-radius: 4px;
    border: 2px solid #000;
    display: inline-block;
    cursor: pointer;
    color: rgb(0, 235, 95);
    font-family: inherit;
    font-weight: 900;
    padding: 5px 10px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    background-color: #000 !important;
    text-shadow: none;
    width: auto;
    position: relative;
    z-index: 99999;
}

.rr-slider-btn:hover,
.rr-slider-falken-btn:hover {
    color: white;
}

.rr-slider-nexen-btn {
    appearance: none;
    border-radius: 4px;
    border: 2px solid #000;
    display: inline-block;
    cursor: pointer;
    color: rgb(215, 106, 231);
    font-family: inherit;
    font-weight: 900;
    padding: 5px 10px;
    margin-top: 10px;
    text-decoration: none;
    text-align: center;
    background-color: #000 !important;
    text-shadow: none;
    width: auto;
    position: relative;
    z-index: 99999;
}

.rr-slider-nexen-btn:hover {
    color: white;
}
/* css for currency price */
.price ins .woocommerce-Price-currencySymbol {
    font-size: 18px;
    margin-right: 2px;
}

.price ins .woocommerce-Price-amount bdi {
    font-size: 1em !important;
    letter-spacing: -0.5px;
}

.price ins {
    text-decoration: none;
}

.price > span:last-child {
    font-size: 18px;
  font-weight: 300;
}
.price ins .woocommerce-Price-currencySymbol {
    margin-right: -3px;
}
.woocommerce .price .amount {
    font-size: 1.3em !important;
}
del {
    position: relative;
    text-decoration: none !important;
}

del::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
}

/* ---------- Mobile (320–479px) ---------- */
@media screen and (min-width: 320px) and (max-width: 479px) {
    .price > span:last-child {
        font-size: 16px;
      }
      .price ins .woocommerce-Price-currencySymbol {
        font-size: 16px;
      }
    .rr-slider-btn,
    .rr-slider-falken-btn,
    .rr-slider-nexen-btn { font-size: 12px; }

    .rr-mob-swipe-next {
        position: absolute;
        right: 0;
        transform: scale(0.5);
    }

    .rr-mob-swipe-prev {
        position: absolute;
        left: 0;
        transform: scale(0.5);
    }

    .rr-slider-contents {
        padding: 0.25em;
        text-align: center;
        top: 3em;
        position: relative;
    }

    #rr-slider-contents-1 { top: 1em !important; }

    .rr-slider-contents-section    { line-height: 1.5em; margin-top: 10px; }
    .rr-slider-contents-text       { font-size: 1.5em; }
    .rr-slider-contents-text-2     { font-size: 1em; }
    .rr-slider-contents-text-3     { font-size: 2em; }
    .rr-slider-contents-text-4     { font-size: 1.5em; }
    .rr-slider-contents-sub        { font-size: 0.7em; }
    .rr-slider-contents-sub-plus   { font-size: 0.45em; }
    .rr-slider-content-img         { height: 1.5em; width: auto; }
    .rr-slider-content-img-1       { height: 1.5em; width: auto; }
    .rr-slider-content-img-content { height: 10em; width: auto; }
    .rr-slider-content-img-full    { height: 9em; }

    .rr-slider-nexen-content-img-full {
        height: 9em;
        margin-top: -25px;
    }

    .rr-slide-row,
    .rr-slide-1,
    .rr-slide-2,
    .rr-slide-3 {
        height: 14em;
        width: -webkit-fill-available;
    }

    .rr-slide-1 span, .rr-slide-2 span, .rr-slide-3 span {
        width: -webkit-fill-available;
    }

    .rr-slide-1 span img, .rr-slide-2 span img, .rr-slide-3 span img {
        width: 100%;
        object-fit: contain;
    }

    .rr-swidget-col  { display: contents; }
    .rr-swidget-row  { transform: scale(0.9); margin-top: 0; }
    .rr-swidget-note { color: black; }
    .rr-swidget-note a { color: black !important; }
}

/* ---------- Tab (480–767px) ---------- */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .rr-slider-btn,
    .rr-slider-falken-btn,
    .rr-slider-nexen-btn { font-size: 16px; }

    .rr-slider-falken-btn {
        bottom: -40px;
        left: 21px;
    }

    .rr-slider-contents {
        padding: 0.25em;
        text-align: center;
        top: -3em;
        position: relative;
    }

    .rr-slider-contents-section    { line-height: 2.65em; }
    .rr-slider-contents-text       { font-size: 2.5em; }
    .rr-slider-contents-text-2     { font-size: 2em; }
    .rr-slider-contents-text-3     { font-size: 4em; }
    .rr-slider-contents-text-4     { font-size: 3em; }
    .rr-slider-contents-sub        { font-size: 0.7em; }
    .rr-slider-contents-sub-plus   { font-size: 0.45em; }
    .rr-slider-content-img         { height: 2.5em; width: auto; }
    .rr-slider-content-img-1       { height: 2.5em; width: auto; }
    .rr-slider-content-img-content { height: 15em; width: auto; }
    .rr-slider-content-img-full    { height: 15em; }

    .rr-slider-nexen-content-img-full {
        height: 15em;
        transform: scale(1.5);
        margin: 5px 100px;
    }

    .rr-slide-row,
    .rr-slide-1,
    .rr-slide-2,
    .rr-slide-3 {
        height: 23em;
        width: -webkit-fill-available;
    }

    .rr-slide-1 span, .rr-slide-2 span, .rr-slide-3 span {
        width: -webkit-fill-available;
    }

    .rr-slide-1 span img, .rr-slide-2 span img, .rr-slide-3 span img {
        width: 100%;
        object-fit: contain;
    }

    .rr-swidget-col  { display: contents; }
    .rr-swidget-row  { transform: scale(0.9); margin-top: -1em; }
    .rr-swidget-note { color: black; }
    .rr-swidget-note a { color: black !important; }
}

/* ---------- Laptop (768–991px) ---------- */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .rr-slider-btn,
    .rr-slider-falken-btn { font-size: 16px; }

    .rr-slider-nexen-btn {
        font-size: 16px;
        bottom: -40px;
        left: 21px;
    }

    .rr-slider-contents:lang(en-US) {
        padding: 0 0.25em 0.25em;
        text-align: left;
        float: left;
    }

    .rr-slider-contents:lang(ar) {
        padding: 0 0.25em 0.25em;
        text-align: right;
        float: right;
    }

    .rr-slider-contents-section    { line-height: 2.65em; }
    .rr-slider-contents-text       { font-size: 3em; }
    .rr-slider-contents-text-2     { font-size: 2em; }
    .rr-slider-contents-text-3     { font-size: 5em; }
    .rr-slider-contents-text-4     { font-size: 3.5em; }
    .rr-slider-contents-sub        { font-size: 1em; }
    .rr-slider-contents-sub-plus   { font-size: 0.85em; }
    .rr-slider-content-img         { height: 70px; }
    .rr-slider-content-img-1       { height: 40px; width: auto; }
    .rr-slider-content-img-content { height: 19em; width: auto; }
    .rr-slider-content-img-full    { height: 20em; }

    .rr-slider-nexen-content-img-full {
        height: 20em;
        transform: scale(1.5);
        margin: 5px 100px;
    }

    .rr-slide-1 span, .rr-slide-2 span, .rr-slide-3 span {
        height: 25em;
        width: -webkit-fill-available;
    }

    .rr-slide-1 span img, .rr-slide-2 span img, .rr-slide-3 span img {
        width: 100%;
        object-fit: contain;
    }

    .rr-slide-dots {
        margin: 19em 0 0;
        width: 7em !important;
        position: relative;
    }

    .rr-swidget-row  { position: relative; margin-top: -35em; margin-bottom: 10em; }
    .rr-swidget-note { color: white; }
    .rr-swidget-note a { color: white; }
}

/* ---------- Desktop (992px+) ---------- */
@media screen and (min-width: 992px) {
    .rr-slider-btn,
    .rr-slider-falken-btn { font-size: 16px; }

    .rr-slider-nexen-btn {
        font-size: 16px;
        bottom: -50px;
        left: 21px;
    }

    .rr-slider-contents:lang(en-US) {
        padding: 0 0.25em 0.25em;
        text-align: left;
        float: left;
    }

    .rr-slider-contents:lang(ar) {
        padding: 0 0.25em 0.25em;
        text-align: right;
        float: right;
    }

    .rr-slider-contents-section    { line-height: 2.65em; }
    .rr-slider-contents-text       { font-size: 3em; }
    .rr-slider-contents-text-2     { font-size: 2em; }
    .rr-slider-contents-text-3     { font-size: 5em; }
    .rr-slider-contents-text-4     { font-size: 3.5em; }
    .rr-slider-contents-sub        { font-size: 1em; }
    .rr-slider-contents-sub-plus   { font-size: 0.85em; }
    .rr-slider-content-img         { height: 70px; }
    .rr-slider-content-img-1       { height: 40px; width: auto; }
    .rr-slider-content-img-content { height: 19em; width: auto; }
    .rr-slider-content-img-full    { height: 20em; }

    .rr-slider-nexen-content-img-full {
        height: 20em;
        transform: scale(1.5);
        margin: 5px 100px;
    }

    .rr-slide-1 span, .rr-slide-2 span, .rr-slide-3 span {
        height: 25em;
        width: -webkit-fill-available;
    }

    .rr-slide-1 span img, .rr-slide-2 span img, .rr-slide-3 span img {
        width: 100%;
        object-fit: contain;
    }

    .rr-slide-dots {
        margin: 19em 0 0;
        width: 7em !important;
        position: relative;
    }

    .rr-swidget-row  { position: relative; margin-top: -35em; margin-bottom: 10em; }
    .rr-swidget-note { color: white; }
    .rr-swidget-note a { color: white; }
}


/* ==========================================================================
   28. SMART SLIDER
   ========================================================================== */

/* Mobile & Tab: widget sits in normal flow */
@media screen and (min-width: 320px) and (max-width: 767px) {
    .rr-smart-slider-container {
        position: relative;
        z-index: 1 !important;
    }

    .rr-smart-slider-widget {
        position: relative;
        z-index: 2 !important;
    }
}

/* Laptop & Desktop: widget overlays slider, vertically centred */
@media screen and (min-width: 768px) {
    .rr-smart-slider-container {
        position: relative;
        z-index: 1 !important;
    }

    .rr-smart-slider-widget {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        z-index: 2 !important;
    }
}

/* Tyre roll & smoke animation */
@media screen and (min-width: 320px) and (max-width: 479px) {
    .rr-rotate-move-tyre:lang(en) img { animation: RRrotateMobileEN 10s linear infinite; }
    .rr-rotate-move-tyre:lang(en)     { animation: RRmoveAndscaleMobileEN 2s ease-in-out 1 forwards; }
    .rr-rotate-move-tyre:lang(ar) img { animation: RRrotateMobileAR 10s linear infinite; }
    .rr-rotate-move-tyre:lang(ar)     { animation: RRmoveAndscaleMobileAR 2s ease-in-out 1 forwards; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .rr-rotate-move-tyre:lang(en) img { animation: RRrotateTabEN 10s linear infinite; }
    .rr-rotate-move-tyre:lang(en)     { animation: RRmoveAndscaleTabEN 2s ease-in-out 1 forwards; }
    .rr-rotate-move-tyre:lang(ar) img { animation: RRrotateTabAR 10s linear infinite; }
    .rr-rotate-move-tyre:lang(ar)     { animation: RRmoveAndscaleTabAR 2s ease-in-out 1 forwards; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .rr-rotate-move-tyre:lang(en) img { animation: RRrotateLaptopEN 10s linear infinite; }
    .rr-rotate-move-tyre:lang(en)     { animation: RRmoveAndscaleLaptopEN 2s ease-in-out 1 forwards; }
    .rr-rotate-move-tyre:lang(ar) img { animation: RRrotateLaptopAR 10s linear infinite; }
    .rr-rotate-move-tyre:lang(ar)     { animation: RRmoveAndscaleLaptopAR 2s ease-in-out 1 forwards; }
}

@media screen and (min-width: 992px) {
    .rr-rotate-move-tyre:lang(en) img { animation: RRrotateDesktopEN 10s linear infinite; }
    .rr-rotate-move-tyre:lang(en)     { animation: RRmoveAndscaleDesktopEN 2s ease-in-out 1 forwards; }
    .rr-rotate-move-tyre:lang(ar) img { animation: RRrotateDesktopAR 10s linear infinite; }
    .rr-rotate-move-tyre:lang(ar)     { animation: RRmoveAndscaleDesktopAR 2s ease-in-out 1 forwards; }
}

/* Desktop keyframes */
@keyframes RRmoveAndscaleDesktopEN {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(500px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateDesktopEN {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(360deg); transform-origin: center; }
}
@keyframes RRmoveAndscaleDesktopAR {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(-500px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateDesktopAR {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(-360deg); transform-origin: center; }
}

/* Laptop keyframes */
@keyframes RRmoveAndscaleLaptopEN {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(400px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateLaptopEN {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(360deg); transform-origin: center; }
}
@keyframes RRmoveAndscaleLaptopAR {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(-400px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateLaptopAR {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(-360deg); transform-origin: center; }
}

/* Tab keyframes */
@keyframes RRmoveAndscaleTabEN {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(300px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateTabEN {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(360deg); transform-origin: center; }
}
@keyframes RRmoveAndscaleTabAR {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(-300px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateTabAR {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(-360deg); transform-origin: center; }
}

/* Mobile keyframes */
@keyframes RRmoveAndscaleMobileEN {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(150px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateMobileEN {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(360deg); transform-origin: center; }
}
@keyframes RRmoveAndscaleMobileAR {
    0%   { transform: translateX(0) scale(1.5); transform-origin: center; }
    100% { transform: translateX(-150px) scale(1.5); transform-origin: center; }
}
@keyframes RRrotateMobileAR {
    0%   { transform: rotate(0deg); transform-origin: center; }
    100% { transform: rotate(-360deg); transform-origin: center; }
}

/* Smoke animation */
.smoke {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.1);
    animation: smokeAnimation 3s infinite ease-in-out;
}

@keyframes smokeAnimation {
    0%   { transform: scale(1); opacity: 0.8; }
    50%  { transform: scale(2); opacity: 0; }
    100% { transform: scale(1); opacity: 0.8; }
}


/* ==========================================================================
   29. SEARCH WIDGET API (SELECT2) — see Section 7 for base Select2 rules
   ========================================================================== */

/* Trigger select dropdown — disable user-select on mobile */
@media only screen and (max-width: 768px) {
    .select2-search__field {
        user-select: none;
    }
}


/* ==========================================================================
   30. MEDIA QUERIES (GENERAL / LAYOUT)
   ========================================================================== */

/* Small mobile (320–479px) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .rr-prd-thumbnail-meta {
        font-size: 1em;
    }

    .rr-header-1 { font-size: 0.8em; }
    .rr-header-2 { font-size: 0.9em; }

    /* Alert bar update */
    .e5267-18:lang(en-US) { margin-right: 20px; }
    .e5267-18:lang(ar)    { margin-left: 15px; }
    .e5267-17:lang(ar)    { margin-right: -20px; }

    .rr-search-mini-ico:lang(en) { padding: 0 10px; }
    .rr-search-mini-ico:lang(ar) { padding: 0 10px 0 30px; }

    div .x-text.e5267-14.m42b-a.m42b-c { display: none; }

    .country-selector.weglot-dropdown.weglot-shortcode:lang(ar) {
        margin-left: 10px !important;
        margin-right: -25px !important;
        margin-bottom: 5px;
    }

    .rr-brand-overlay img { width: 80%; }
    .rr-brand-overlay     { top: 18px; }

    .cart_item .wsc_save_share_cart_btns { display: block; }
    .fitment-center-row                  { gap: 0; }

    #rr-header-cart-icon-anchor-toggle   { font-size: 1.2em; }
    #rr-header-parent .x-anchor          { font-size: 1.02em !important; }

    html[lang="ar"] #cart-item-count .footer-card-count {
        left: 35px !important;
        right: auto;
    }

    .wa__btn_popup {
        right: 20px !important;
        bottom: 90px !important;
    }

    #rr-sbv-modal .select2-container { width: 48% !important; }

    #mob_search_modal .select2-container:lang(en-US) { width: 100% !important; }

    #rr-ajax-add-to-cart-container {
        position: fixed;
        bottom: 61px;
        left: 0;
        right: 0;
        z-index: 9999 !important;
        background-color: white !important;
        border-top: 1px solid #0000002b;
        margin: 0;
        padding: 15px 20px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1px;
        width: 100%;
    }

    .rr-buy-it-now-single-btn,
    .rr-add-to-cart-single-btn {
        width: 100%;
        height: 44px !important;
    }

    .slider-info-nn {
        padding-bottom: 0 !important;
        padding-top: 15px !important;
    }

    .rr-quantity-field-container.input-text { margin-bottom: 0 !important; }

    .woocommerce-checkout form .payment_methods label { font-size: 12px; }

    .lang-cus-dropdown-content { left: -32px; }
}

/* Tab (480–767px) */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .rr-header-1 { font-size: 0.9em; }
    .rr-header-2 { font-size: 0.9em; }

    div .x-text.e5267-15.m42b-a.m42b-c { display: none; }

    .country-selector.weglot-dropdown.weglot-shortcode:lang(ar) {
        margin-right: -10px !important;
        margin-bottom: 5px;
    }
}

/* Laptop (768–991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .rr-prd-thumbnail-meta { font-size: 1.2em; }
    .rr-header-1            { font-size: 0.9em; }
    .rr-header-2            { font-size: 0.9em; }

    div .x-text.e5267-15.m42b-a.m42b-c { display: none; }

    .country-selector.weglot-dropdown.weglot-shortcode:lang(ar) {
        margin-right: -20px !important;
        margin-bottom: 5px;
    }

    .rr-srh .bar {
        gap: 0;
        flex-wrap: inherit;
    }

    .x-bar-top li a.x-anchor { font-size: 0.85em !important; }

    .cus-dropdown-button,
    .lang-cus-dropdown-button {
        font-size: 13px;
    }

    .x-bar-content .x-text.x-content .lang-cus-dropdown .lang-cus-dropdown-button {
        font-size: 13px;
    }
}

/* Tablet and up — hide mobile-only button */
@media only screen and (min-width: 768px) {
    .cust-mobile-btn-menu { display: none !important; }
}

/* Desktop (992px+) */
@media screen and (min-width: 992px) {
    .rr-prd-thumbnail-meta { font-size: 1.2em; }
    .rr-header-1            { font-size: 0.9em; }
    .rr-header-2            { font-size: 0.9em; }

    div .x-text.e5267-15.m42b-a.m42b-c { display: none; }

    .country-selector.weglot-dropdown.weglot-shortcode:lang(ar) {
        margin-bottom: 5px;
    }
}

/* Mobile — trust badge layout & ftc tooltip */
@media (max-width: 768px) {
    .trust-badge-box {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 110px;
        height: 62px;
        text-align: center;
        gap: 4px;
        box-sizing: border-box;
    }

    .trust-badge-box span { text-align: center; }

    .summary .product_meta img {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }

    /* Fitment tooltip — fixed centred overlay on small screens */
    .ftc-tooltip {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 320px;
        white-space: normal;
    }
}