/**
 * Iran Fit Store - Professional Light Mode UI Engine
 * Version: 3.4.0
 * Pure Modern Light Aesthetic - Crisp Contrast & High Polish
 */

:root {
    --ifs-bg: #F8FAFC;
    --ifs-surface: #FFFFFF;
    --ifs-surface-hover: #F1F5F9;
    --ifs-border: #E2E8F0;
    --ifs-border-hover: #CBD5E1;
    --ifs-primary: #0284C7;
    --ifs-primary-hover: #0369A1;
    --ifs-primary-light: #E0F2FE;
    --ifs-primary-glow: rgba(2, 132, 199, 0.2);
    --ifs-heading: #0F172A;
    --ifs-text: #334155;
    --ifs-muted: #64748B;
    --ifs-card-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
    --ifs-card-hover-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.12);
}

/* ==========================================================================
   1. GLOBAL RESET TO LIGHT MODE
   ========================================================================== */
body,
body.elementor-page,
#page,
.site-content {
    background-color: var(--ifs-bg) !important;
    color: var(--ifs-text) !important;
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
}

/* All headings */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    color: var(--ifs-heading) !important;
}

/* Paragraphs & general text */
p, .elementor-text-editor {
    color: var(--ifs-text) !important;
    line-height: 1.7 !important;
}

/* Section Headings */
.elementor-element-6527ebf .elementor-heading-title,
.elementor-element-92f4f33 .elementor-heading-title,
.elementor-element-ee2de1d .elementor-heading-title,
.elementor-element-3a14ec7 .elementor-heading-title,
.elementor-element-933f151 .elementor-heading-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--ifs-heading) !important;
    letter-spacing: -0.3px;
}

.elementor-element-6527ebf span,
.elementor-element-92f4f33 span,
.elementor-element-ee2de1d span,
.elementor-element-3a14ec7 span,
.elementor-element-933f151 span {
    color: var(--ifs-primary) !important;
}

/* ==========================================================================
   2. FORMS, INPUTS, TEXTAREAS & PLACEHOLDERS (CRITICAL FIX FOR CONTRAST)
   ========================================================================== */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select,
.elementor-field-group .elementor-field-textual,
.elementor-field-textual.elementor-size-md,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.02) !important;
}

input:not([type="submit"]):not([type="button"]):focus,
textarea:focus,
select:focus,
.elementor-field-group .elementor-field-textual:focus {
    background-color: #FFFFFF !important;
    border-color: #0284C7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    outline: none !important;
    color: #0F172A !important;
}

/* PLACEHOLDER HIGH CONTRAST (Never White On Light) */
::placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}
::-webkit-input-placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}
::-moz-placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}
:-moz-placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}

/* Contact Page Specific Form (246052d) Overrides */
.elementor-element-246052d input,
.elementor-element-246052d textarea {
    background-color: #FFFFFF !important;
    border: 1.5px solid #CBD5E1 !important;
    color: #0F172A !important;
}

.elementor-element-246052d input::placeholder,
.elementor-element-246052d textarea::placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}

/* Form Submit Button */
.elementor-field-group.elementor-field-type-submit .elementor-button,
.elementor-element-246052d .elementor-button {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
    border: none !important;
    transition: all 0.25s ease !important;
}

.elementor-field-group.elementor-field-type-submit .elementor-button:hover,
.elementor-element-246052d .elementor-button:hover {
    background: linear-gradient(135deg, #0369A1 0%, #075985 100%) !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   3. SOCIAL ICONS & ACCORDION (Contact Us & Site-wide)
   ========================================================================== */
/* Social Icons */
.elementor-widget-social-icons .elementor-social-icon,
.elementor-element-22f1cce .elementor-social-icon {
    background-color: #F1F5F9 !important;
    border: 1.5px solid #CBD5E1 !important;
    color: #0284C7 !important;
    transition: all 0.25s ease !important;
}

.elementor-widget-social-icons .elementor-social-icon i,
.elementor-element-22f1cce .elementor-social-icon i {
    color: #0284C7 !important;
    transition: color 0.25s ease !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover,
.elementor-element-22f1cce .elementor-social-icon:hover {
    background-color: #0284C7 !important;
    border-color: #0284C7 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 14px rgba(2, 132, 199, 0.25) !important;
}

.elementor-widget-social-icons .elementor-social-icon:hover i,
.elementor-element-22f1cce .elementor-social-icon:hover i {
    color: #FFFFFF !important;
}

/* Accordion (FAQ) - Clean Light Mode Cards */
.elementor-accordion .elementor-accordion-item,
.elementor-element-52275fb .elementor-accordion-item {
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    transition: border-color 0.25s ease !important;
}

.elementor-accordion .elementor-accordion-item:hover,
.elementor-element-52275fb .elementor-accordion-item:hover {
    border-color: #CBD5E1 !important;
}

.elementor-accordion .elementor-tab-title,
.elementor-element-52275fb .elementor-tab-title {
    color: #0F172A !important;
    padding: 16px 22px !important;
}

.elementor-accordion .elementor-tab-title a,
.elementor-element-52275fb .elementor-tab-title a {
    color: #0F172A !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    transition: color 0.2s ease !important;
}

.elementor-accordion .elementor-tab-title.elementor-active a,
.elementor-element-52275fb .elementor-tab-title.elementor-active a {
    color: #0284C7 !important;
}

.elementor-accordion .elementor-accordion-icon i,
.elementor-element-52275fb .elementor-accordion-icon i {
    color: #0284C7 !important;
}

.elementor-accordion .elementor-tab-content,
.elementor-element-52275fb .elementor-tab-content {
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    padding: 14px 22px 18px 22px !important;
    border-top: 1px dashed #E2E8F0 !important;
}

/* ==========================================================================
   4. HEADER & TOP NAVIGATION (Template 4793)
   ========================================================================== */
.elementor-4793 {
    background: #FFFFFF !important;
    border-bottom: 1px solid var(--ifs-border) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
    padding: 8px 0 !important;
}

/* Ajax Search */
.jet-ajax-search__field {
    background: #F8FAFC !important;
    border: 1.5px solid var(--ifs-border) !important;
    border-radius: 12px !important;
    color: var(--ifs-heading) !important;
    font-size: 13.5px !important;
    padding: 10px 16px !important;
    transition: all 0.25s ease !important;
}

.jet-ajax-search__field:focus {
    background: #FFFFFF !important;
    border-color: var(--ifs-primary) !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    outline: none !important;
}

.jet-ajax-search__submit {
    background: var(--ifs-primary) !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    border: none !important;
    transition: background 0.2s ease !important;
}

.jet-ajax-search__submit:hover {
    background: var(--ifs-primary-hover) !important;
}

/* Header Login / Account Buttons ("سلام ادمین" and "ورود / عضویت") */
.elementor-element-adffff9 .elementor-button,
.elementor-element-72eb23b .elementor-button,
.elementor-element-ff8889f .elementor-button,
.elementor-element-825e476 .elementor-button {
    background-color: #F1F5F9 !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 14px !important;
    color: #0F172A !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.25s ease !important;
}

.elementor-element-adffff9 .elementor-button .elementor-button-text,
.elementor-element-72eb23b .elementor-button .elementor-button-text,
.elementor-element-ff8889f .elementor-button .elementor-button-text,
.elementor-element-adffff9 .elementor-button span,
.elementor-element-72eb23b .elementor-button span,
.elementor-element-ff8889f .elementor-button span {
    color: #0F172A !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.elementor-element-adffff9 .elementor-button svg,
.elementor-element-72eb23b .elementor-button svg,
.elementor-element-ff8889f .elementor-button svg,
.elementor-element-825e476 .elementor-button svg {
    fill: #0284C7 !important;
    stroke: #0284C7 !important;
    width: 16px !important;
    height: 16px !important;
}

.elementor-element-adffff9 .elementor-button:hover,
.elementor-element-72eb23b .elementor-button:hover,
.elementor-element-ff8889f .elementor-button:hover,
.elementor-element-825e476 .elementor-button:hover {
    background-color: #E0F2FE !important;
    border-color: #0284C7 !important;
}

.elementor-element-adffff9 .elementor-button:hover .elementor-button-text,
.elementor-element-72eb23b .elementor-button:hover .elementor-button-text,
.elementor-element-adffff9 .elementor-button:hover span,
.elementor-element-72eb23b .elementor-button:hover span {
    color: #0284C7 !important;
}

/* Header Cart Button */
.elementor-menu-cart__toggle_button {
    background-color: #F1F5F9 !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 14px !important;
    color: #0F172A !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.25s ease !important;
}

.elementor-menu-cart__toggle_button .elementor-button-text,
.elementor-menu-cart__toggle_button .woocommerce-Price-amount,
.elementor-menu-cart__toggle_button bdi,
.elementor-menu-cart__toggle_button span {
    color: #0F172A !important;
    font-weight: 700 !important;
}

.elementor-menu-cart__toggle_button .elementor-button-icon i,
.elementor-menu-cart__toggle_button .eicon-cart-medium {
    color: #0284C7 !important;
}

.elementor-menu-cart__toggle_button .elementor-button-icon-qty {
    background: #0284C7 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.elementor-menu-cart__toggle_button:hover {
    background-color: #E0F2FE !important;
    border-color: #0284C7 !important;
}

.elementor-menu-cart__toggle_button:hover .elementor-button-text,
.elementor-menu-cart__toggle_button:hover .woocommerce-Price-amount,
.elementor-menu-cart__toggle_button:hover bdi {
    color: #0284C7 !important;
}

/* Header Menu Links */
.elementor-4793 .jet-mega-menu-item__text,
.elementor-4793 .menu-item a {
    color: #1E293B !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    transition: color 0.2s ease !important;
}

.elementor-4793 .jet-mega-menu-item__text:hover,
.elementor-4793 .menu-item a:hover {
    color: var(--ifs-primary) !important;
}

/* ==========================================================================
   5. HERO ACTION BUTTONS ("مشاهده همه مکمل‌ها" و "تماس با ما")
   ========================================================================== */
.elementor-element-f9e171e .elementor-button {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    border: 2px solid #0284C7 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.3) !important;
}

.elementor-element-f9e171e .elementor-button .elementor-button-text,
.elementor-element-f9e171e .elementor-button span {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.elementor-element-f9e171e .elementor-button svg {
    fill: #FFFFFF !important;
}

.elementor-element-89c9705 .elementor-button {
    background-color: #FFFFFF !important;
    border: 2px solid #0284C7 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.1) !important;
    transition: all 0.25s ease !important;
}

.elementor-element-89c9705 .elementor-button .elementor-button-text,
.elementor-element-89c9705 .elementor-button span {
    color: #0284C7 !important;
    font-weight: 700 !important;
}

.elementor-element-89c9705 .elementor-button svg {
    fill: #0284C7 !important;
}

.elementor-element-89c9705 .elementor-button:hover {
    background-color: #0284C7 !important;
}

.elementor-element-89c9705 .elementor-button:hover .elementor-button-text,
.elementor-element-89c9705 .elementor-button:hover span {
    color: #FFFFFF !important;
}

.elementor-element-89c9705 .elementor-button:hover svg {
    fill: #FFFFFF !important;
}

/* ==========================================================================
   6. PRODUCT CARDS (Template 4954 & 5113) - MODERN E-COMMERCE CARDS
   ========================================================================== */
/* The Card Container */
.jet-listing-grid--4954 .elementor-element-fe05760,
.jet-listing-grid--5113 .elementor-element-3895886 {
    background: var(--ifs-surface) !important;
    border: 1px solid var(--ifs-border) !important;
    border-radius: 20px !important;
    padding: 16px 14px 18px 14px !important;
    box-shadow: var(--ifs-card-shadow) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    position: relative !important;
}

.jet-listing-grid--4954 .elementor-element-fe05760:hover,
.jet-listing-grid--5113 .elementor-element-3895886:hover {
    transform: translateY(-6px) !important;
    box-shadow: var(--ifs-card-hover-shadow) !important;
    border-color: var(--ifs-border-hover) !important;
}

/* Product Image Box - Pure White, NO ugly gray box */
.jet-listing-grid--4954 .elementor-element-e8ee540,
.jet-listing-grid--5113 .elementor-element-28b02d5 {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 200px !important;
    overflow: hidden !important;
}

.jet-listing-grid--4954 .elementor-element-e8ee540 .elementor-widget-image,
.jet-listing-grid--5113 .elementor-element-28b02d5 .elementor-widget-image {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jet-listing-grid--4954 .elementor-element-e8ee540 img,
.jet-listing-grid--5113 .elementor-element-28b02d5 img {
    max-height: 180px !important;
    width: auto !important;
    object-fit: contain !important;
    transition: transform 0.4s ease !important;
    display: block !important;
    margin: 0 auto !important;
}

.jet-listing-grid--4954 .elementor-element-fe05760:hover img,
.jet-listing-grid--5113 .elementor-element-3895886:hover img {
    transform: scale(1.07) !important;
}

/* Product Title */
.jet-listing-grid--4954 .elementor-element-97baad2,
.jet-listing-grid--5113 .elementor-element-5bbdb97 {
    margin: 8px 0 4px 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
}

.jet-listing-grid--4954 .elementor-element-97baad2 .elementor-heading-title,
.jet-listing-grid--5113 .elementor-element-5bbdb97 .elementor-heading-title,
.jet-listing-grid--4954 .elementor-element-97baad2 a,
.jet-listing-grid--5113 .elementor-element-5bbdb97 a {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: var(--ifs-heading) !important;
    line-height: 1.55 !important;
    height: 44px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.jet-listing-grid--4954 .elementor-element-fe05760:hover .elementor-heading-title,
.jet-listing-grid--5113 .elementor-element-3895886:hover .elementor-heading-title {
    color: var(--ifs-primary) !important;
}

/* HIDE the bloated 3-line blog-style description inside product slider cards */
.jet-listing-grid--4954 .elementor-element-7814781,
.jet-listing-grid--5113 .elementor-element-57e83b8 {
    display: none !important;
}

/* Bottom Card Container (Prices & Buttons) */
.jet-listing-grid--4954 .elementor-element-f61d55f,
.jet-listing-grid--5113 .elementor-element-5a855ca {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid #F1F5F9 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Star Rating */
.jet-listing-grid--4954 .elementor-element-6f07ec2,
.jet-listing-grid--5113 .elementor-element-a5e1c87 {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 2px 0 !important;
}

.elementor-star-rating i {
    color: #F59E0B !important;
    font-size: 12px !important;
}

/* Full Width Modern Action Button */
.jet-listing-grid--4954 .elementor-element-c203ee5,
.jet-listing-grid--5113 .elementor-element-3713f39 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.jet-listing-grid--4954 .elementor-element-ec3aa6c,
.jet-listing-grid--5113 .elementor-element-560d918 {
    width: 100% !important;
}

.jet-listing-grid--4954 .elementor-element-ec3aa6c .elementor-button-wrapper,
.jet-listing-grid--5113 .elementor-element-560d918 .elementor-button-wrapper {
    width: 100% !important;
}

.jet-listing-grid--4954 .elementor-element-ec3aa6c .elementor-button,
.jet-listing-grid--5113 .elementor-element-560d918 .elementor-button {
    width: 100% !important;
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}

.jet-listing-grid--4954 .elementor-element-ec3aa6c .elementor-button:hover,
.jet-listing-grid--5113 .elementor-element-560d918 .elementor-button:hover {
    background: linear-gradient(135deg, #0369A1 0%, #075985 100%) !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.4) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

.jet-listing-grid--4954 .elementor-element-ec3aa6c svg,
.jet-listing-grid--5113 .elementor-element-560d918 svg {
    fill: #FFFFFF !important;
    width: 15px !important;
    height: 15px !important;
}

/* ==========================================================================
   7. CATEGORIES SECTION (Listing 5040 / Container 805249f)
   ========================================================================== */
.elementor-element-ce98214 {
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
}

/* Remove the harsh vertical dividing line */
.elementor-element-ce98214 .jet-listing-grid__item {
    border: none !important;
    border-left: none !important;
    padding: 6px 8px !important;
}

/* Modern Pill Category Cards */
.jet-listing-grid--5040 .elementor-element-cfa58fe {
    background: var(--ifs-surface) !important;
    border: 1.5px solid var(--ifs-border) !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    min-height: 52px !important;
}

.jet-listing-grid--5040 .elementor-element-cfa58fe:hover {
    background: var(--ifs-primary-light) !important;
    border-color: var(--ifs-primary) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 18px rgba(2, 132, 199, 0.15) !important;
}

.jet-listing-grid--5040 .elementor-element-04d6fe0 .elementor-heading-title,
.jet-listing-grid--5040 .elementor-element-04d6fe0 a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--ifs-heading) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.jet-listing-grid--5040 .elementor-element-cfa58fe:hover .elementor-heading-title,
.jet-listing-grid--5040 .elementor-element-cfa58fe:hover a {
    color: var(--ifs-primary) !important;
}

/* ==========================================================================
   8. SPECIAL OFFER & COUNTDOWN (Container 43dc038)
   ========================================================================== */
.elementor-element-62dbc8c {
    background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 40%, #FFFFFF 100%) !important;
    border: 1.5px solid #BAE6FD !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 30px -5px rgba(2, 132, 199, 0.08) !important;
    padding: 30px 24px !important;
}

.elementor-element-61c434a .elementor-countdown-item {
    background: #FFFFFF !important;
    border: 1.5px solid #BAE6FD !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.08) !important;
    margin: 0 4px !important;
}

.elementor-element-61c434a .elementor-countdown-digits {
    color: var(--ifs-primary) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}

.elementor-element-61c434a .elementor-countdown-label {
    color: var(--ifs-muted) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
}

/* ==========================================================================
   9. TWO MIDDLE BANNERS (Container 09c1983)
   ========================================================================== */
.elementor-element-ff43fe5,
.elementor-element-fe593fd {
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px -3px rgba(15, 23, 42, 0.1) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.elementor-element-ff43fe5:hover,
.elementor-element-fe593fd:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.16) !important;
}

/* ==========================================================================
   10. "WHY US" FEATURES (Container 2179bb2)
   ========================================================================== */
.elementor-element-66349ac {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    gap: 16px !important;
}

.elementor-element-33b1f99,
.elementor-element-54ff500,
.elementor-element-9b5aaff {
    background: var(--ifs-surface) !important;
    border: 1.5px solid var(--ifs-border) !important;
    border-radius: 18px !important;
    padding: 16px 20px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.3s ease !important;
}

.elementor-element-33b1f99:hover,
.elementor-element-54ff500:hover,
.elementor-element-9b5aaff:hover {
    border-color: var(--ifs-primary) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.12) !important;
}

.elementor-element-33b1f99 .elementor-image-box-title,
.elementor-element-54ff500 .elementor-image-box-title,
.elementor-element-9b5aaff .elementor-image-box-title {
    color: var(--ifs-heading) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* ==========================================================================
   11. HERO SECTION (Container a2dfffc)
   ========================================================================== */
/* Floating badges around athlete */
.elementor-element-0f9f864,
.elementor-element-1818abf,
.elementor-element-9b956d5 {
    background: #FFFFFF !important;
    border: 2px solid var(--ifs-primary) !important;
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.22) !important;
    transition: transform 0.3s ease !important;
}

.elementor-element-0f9f864:hover,
.elementor-element-1818abf:hover,
.elementor-element-9b956d5:hover {
    transform: scale(1.08) !important;
}

.elementor-element-0f9f864 .elementor-icon-box-title,
.elementor-element-1818abf .elementor-icon-box-title,
.elementor-element-9b956d5 .elementor-icon-box-title {
    color: var(--ifs-heading) !important;
    font-weight: 700 !important;
}

.elementor-element-0f9f864 svg,
.elementor-element-1818abf svg,
.elementor-element-9b956d5 svg {
    fill: var(--ifs-primary) !important;
}

/* Hero Feature Bar */
.elementor-element-a16a0ae {
    background: var(--ifs-surface) !important;
    border: 1px solid var(--ifs-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
    padding: 12px 18px !important;
}

.elementor-element-a16a0ae .elementor-image-box-title {
    color: var(--ifs-heading) !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
}

/* ==========================================================================
   12. FOOTER REFINEMENT (Template 5366)
   ========================================================================== */
.footer-light-theme,
footer.site-footer,
.elementor-5366 {
    background: #FFFFFF !important;
    border-top: 1px solid var(--ifs-border) !important;
}

.footer-heading {
    color: var(--ifs-heading) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    position: relative !important;
    padding-bottom: 8px !important;
}

.footer-heading::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 32px !important;
    height: 3px !important;
    background: var(--ifs-primary) !important;
    border-radius: 2px !important;
}

.footer-links a {
    color: #475569 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.footer-links a:hover {
    color: var(--ifs-primary) !important;
    padding-right: 5px !important;
}

.footer-bottom {
    background: #F8FAFC !important;
    border-top: 1px solid var(--ifs-border) !important;
    color: var(--ifs-muted) !important;
    font-size: 13px !important;
}

/* ==========================================================================
   13. SLIDER NAVIGATION ARROWS & DOTS
   ========================================================================== */
.jet-listing-grid__slider-icon {
    background: #FFFFFF !important;
    border: 1.5px solid var(--ifs-border) !important;
    color: var(--ifs-heading) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

.jet-listing-grid__slider-icon:hover {
    background: var(--ifs-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--ifs-primary) !important;
    transform: scale(1.1) !important;
}

.swiper-pagination-bullet {
    background: #CBD5E1 !important;
    opacity: 0.8 !important;
    transition: all 0.3s ease !important;
}

.swiper-pagination-bullet-active {
    background: var(--ifs-primary) !important;
    width: 24px !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}

/* ==========================================================================
   14. PROMOTIONAL HERO BANNERS (OVERLAY ON DARK IMAGES)
   Target: Container 09c1983 (ff43fe5 Whey Protein, fe593fd Creatine & Gainer)
   ========================================================================== */
.elementor-element-ff43fe5,
.elementor-element-fe593fd {
    overflow: hidden !important;
    border-radius: 20px !important;
    position: relative !important;
}

/* Force pure crisp white for banner titles on dark backgrounds */
.elementor-element-09c1983 .elementor-heading-title,
.elementor-element-ff43fe5 .elementor-heading-title,
.elementor-element-fe593fd .elementor-heading-title,
.elementor-element-4259eff .elementor-heading-title,
.elementor-element-dd8da66 .elementor-heading-title,
.elementor-element-a5f395b .elementor-heading-title,
.elementor-element-4a07386 .elementor-heading-title {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9), 0 1px 4px rgba(0, 0, 0, 0.95) !important;
}

/* Force luminous cyan/sky blue for highlighted words */
.elementor-element-09c1983 .elementor-heading-title span,
.elementor-element-ff43fe5 .elementor-heading-title span,
.elementor-element-fe593fd .elementor-heading-title span,
.elementor-element-4259eff .elementor-heading-title span,
.elementor-element-dd8da66 .elementor-heading-title span,
.elementor-element-a5f395b .elementor-heading-title span,
.elementor-element-4a07386 .elementor-heading-title span {
    color: #38BDF8 !important;
    font-weight: 800 !important;
    text-shadow: 0 0 16px rgba(56, 189, 248, 0.5), 0 2px 10px rgba(0, 0, 0, 0.85) !important;
}

/* Banner Action Buttons ("مشاهده همه" & "خرید") */
.elementor-element-09c1983 .elementor-button,
.elementor-element-ff43fe5 .elementor-button,
.elementor-element-fe593fd .elementor-button,
.elementor-element-d4e0a3c .elementor-button,
.elementor-element-09dc37b .elementor-button,
.elementor-element-a5f395b .elementor-button,
.elementor-element-4a07386 .elementor-button {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 18px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(2, 132, 199, 0.35) !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.elementor-element-09c1983 .elementor-button:hover,
.elementor-element-ff43fe5 .elementor-button:hover,
.elementor-element-fe593fd .elementor-button:hover,
.elementor-element-d4e0a3c .elementor-button:hover,
.elementor-element-09dc37b .elementor-button:hover,
.elementor-element-a5f395b .elementor-button:hover,
.elementor-element-4a07386 .elementor-button:hover {
    background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.elementor-element-09c1983 .elementor-button .elementor-button-text,
.elementor-element-d4e0a3c .elementor-button .elementor-button-text,
.elementor-element-09dc37b .elementor-button .elementor-button-text,
.elementor-element-a5f395b .elementor-button .elementor-button-text,
.elementor-element-4a07386 .elementor-button .elementor-button-text {
    color: #FFFFFF !important;
}

.elementor-element-09c1983 .elementor-button i,
.elementor-element-09c1983 .elementor-button svg,
.elementor-element-d4e0a3c .elementor-button i,
.elementor-element-d4e0a3c .elementor-button svg,
.elementor-element-09dc37b .elementor-button i,
.elementor-element-09dc37b .elementor-button svg,
.elementor-element-a5f395b .elementor-button i,
.elementor-element-a5f395b .elementor-button svg,
.elementor-element-4a07386 .elementor-button i,
.elementor-element-4a07386 .elementor-button svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}