/* =========================================================
   SEDAYE GHARB - MOBILE PRODUCT TABS FIX
   فقط برای صفحه محصول و فقط موبایل
   ========================================================= */

@media (max-width: 849px) {

    /* کانتینر اصلی تب‌ها */
    .single-product .woocommerce-tabs {
        display: block !important;
        width: 100% !important;
        margin-top: 40px !important;
        padding-top: 0 !important;
        clear: both !important;
        overflow: visible !important;
    }

    /* نوار تب‌ها */
    .single-product .woocommerce-tabs .wc-tabs,
    .single-product .woocommerce-tabs ul.tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;

        width: 100% !important;
        margin: 0 0 20px !important;
        padding: 0 2px 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        list-style: none !important;
        border: none !important;

        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .single-product .woocommerce-tabs .wc-tabs::-webkit-scrollbar,
    .single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none !important;
    }

    /* هر تب */
    .single-product .woocommerce-tabs .wc-tabs li,
    .single-product .woocommerce-tabs ul.tabs li {
        display: block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;

        border: none !important;
        background: transparent !important;
    }

    /* لینک تب */
    .single-product .woocommerce-tabs .wc-tabs li a,
    .single-product .woocommerce-tabs ul.tabs li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: 44px !important;
        min-height: 44px !important;

        padding: 0 17px !important;

        white-space: nowrap !important;
        text-decoration: none !important;

        border-radius: 13px !important;
        border: 1px solid rgba(255,255,255,.10) !important;

        background: #1b1f25 !important;
        color: #d7d7d7 !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        box-shadow: none !important;
        transform: none !important;
    }

    /* تب فعال */
    .single-product .woocommerce-tabs .wc-tabs li.active a,
    .single-product .woocommerce-tabs ul.tabs li.active a {
        background: linear-gradient(
            180deg,
            #df1d26,
            #b80f17
        ) !important;

        border-color: #df1d26 !important;
        color: #fff !important;

        box-shadow: 0 6px 18px rgba(223,29,38,.22) !important;
    }

    /* =====================================================
       پنل‌های تب
       ===================================================== */

    .single-product .woocommerce-tabs .tab-panels {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 20px !important;

        background: #171b20 !important;

        border: 1px solid rgba(255,255,255,.08) !important;
        border-radius: 18px !important;

        color: #d8d8d8 !important;

        overflow: visible !important;

        box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
    }

    /* همه پنل‌ها */
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* پنل فعال */
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel.sg-mobile-active,
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel[aria-hidden="false"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* جلوگیری از مخفی شدن محتوای تب به وسیله Flatsome */
    .single-product .woocommerce-tabs .tab-panels .panel.active,
    .single-product .woocommerce-tabs .tab-panels .panel.is-active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* =====================================================
       مشخصات فنی
       ===================================================== */

    .single-product .woocommerce-tabs #tab-sg_specs {
        width: 100% !important;
    }

    .single-product .woocommerce-tabs #tab-sg_specs .sg-spec-table {
        width: 100% !important;
        max-width: 100% !important;

        overflow: hidden !important;
    }

    .single-product .woocommerce-tabs #tab-sg_specs table {
        width: 100% !important;
        margin: 0 !important;
    }

    .single-product .woocommerce-tabs #tab-sg_specs td,
    .single-product .woocommerce-tabs #tab-sg_specs th {
        padding: 11px 8px !important;
        font-size: 13px !important;
    }

    /* =====================================================
       نظرات
       ===================================================== */

    .single-product .woocommerce-tabs #tab-reviews {
        width: 100% !important;
    }

    .single-product .woocommerce-tabs #tab-reviews #comments,
    .single-product .woocommerce-tabs #tab-reviews #review_form_wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-product .woocommerce-tabs #tab-reviews textarea,
    .single-product .woocommerce-tabs #tab-reviews input {
        max-width: 100% !important;
    }

    /* =====================================================
       پرسش و پاسخ
       ===================================================== */

    .single-product .woocommerce-tabs #tab-sg_faq {
        width: 100% !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-header {
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 15px !important;

        padding: 20px !important;
        margin-bottom: 20px !important;

        border-radius: 18px !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-header-icon {
        width: 55px !important;
        height: 55px !important;

        border-radius: 15px !important;

        font-size: 22px !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-header h3 {
        font-size: 20px !important;
        margin-bottom: 6px !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-header p {
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-wrap {
        width: 100% !important;
        margin: 20px 0 !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-question {
        padding: 17px !important;
        font-size: 13px !important;
    }

    .single-product .woocommerce-tabs #tab-sg_faq .sg-faq-answer {
        padding: 0 17px 17px !important;
        font-size: 13px !important;
    }

    /* =====================================================
       رفع margin منفی قدیمی که باعث بهم ریختن موبایل می‌شود
       ===================================================== */

    .single-product .woocommerce-tabs .tabs {
        margin-bottom: 20px !important;
    }

}









/* =========================================================
   SEDAYE GHARB
   MOBILE WOOCOMMERCE TABS - FINAL FIX
   بدون JavaScript
   ========================================================= */

@media (max-width: 849px) {

    /* -----------------------------------------
       خود بخش تب‌ها
       ----------------------------------------- */

    .single-product .woocommerce-tabs {
        display: block !important;
        width: 100% !important;

        margin-top: 40px !important;
        padding-top: 0 !important;

        clear: both !important;
    }


    /* -----------------------------------------
       نوار تب‌ها
       ----------------------------------------- */

    .single-product .woocommerce-tabs .wc-tabs,
    .single-product .woocommerce-tabs ul.tabs {

        display: flex !important;

        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 0 0 25px 0 !important;

        padding: 0 2px 8px 2px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;

        -webkit-overflow-scrolling: touch !important;
    }


    .single-product .woocommerce-tabs .wc-tabs::-webkit-scrollbar,
    .single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none !important;
    }


    /* -----------------------------------------
       هر تب
       ----------------------------------------- */

    .single-product .woocommerce-tabs .wc-tabs > li,
    .single-product .woocommerce-tabs ul.tabs > li {

        display: block !important;

        flex: 0 0 auto !important;

        margin: 0 !important;

        padding: 0 !important;

        border: none !important;

        background: transparent !important;
    }


    /* -----------------------------------------
       لینک تب
       ----------------------------------------- */

    .single-product .woocommerce-tabs .wc-tabs > li > a,
    .single-product .woocommerce-tabs ul.tabs > li > a {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        height: 44px !important;

        min-height: 44px !important;

        padding: 0 18px !important;

        margin: 0 !important;

        white-space: nowrap !important;

        border-radius: 14px !important;

        background: #1b1f25 !important;

        border: 1px solid rgba(255,255,255,.08) !important;

        color: #d7d7d7 !important;

        font-size: 13px !important;

        font-weight: 700 !important;

        transform: none !important;

        box-shadow: none !important;
    }


    /* -----------------------------------------
       تب فعال
       این کلاس را خود Flatsome مدیریت می‌کند
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    .wc-tabs > li.active > a {

        background: linear-gradient(
            180deg,
            #df1d26,
            #b80f17
        ) !important;

        border-color: #df1d26 !important;

        color: #fff !important;

        box-shadow:
            0 8px 20px rgba(223,29,38,.22) !important;
    }


    /* -----------------------------------------
       پنل‌ها
       ----------------------------------------- */

    .single-product .woocommerce-tabs .tab-panels {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 20px !important;

        background: #171b20 !important;

        border: 1px solid rgba(255,255,255,.08) !important;

        border-radius: 18px !important;

        overflow: visible !important;
    }


    /* -----------------------------------------
       مهم:
       پنل‌های غیر فعال مخفی
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    .tab-panels
    .woocommerce-Tabs-panel {

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        float: none !important;
    }


    /* -----------------------------------------
       فقط پنل Active نمایش داده شود
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    .tab-panels
    .woocommerce-Tabs-panel:not(.active) {

        display: none !important;
    }


    .single-product .woocommerce-tabs
    .tab-panels
    .woocommerce-Tabs-panel.active {

        display: block !important;
    }


    /* -----------------------------------------
       مشخصات فنی
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    #tab-sg_specs {

        width: 100% !important;
    }


    .single-product .woocommerce-tabs
    #tab-sg_specs .sg-spec-table {

        width: 100% !important;

        margin: 0 !important;
    }


    .single-product .woocommerce-tabs
    #tab-sg_specs table {

        width: 100% !important;
    }


    .single-product .woocommerce-tabs
    #tab-sg_specs th,
    .single-product .woocommerce-tabs
    #tab-sg_specs td {

        padding: 11px 8px !important;

        font-size: 13px !important;
    }


    /* -----------------------------------------
       نظرات
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    #tab-reviews {

        width: 100% !important;
    }


    .single-product .woocommerce-tabs
    #tab-reviews .woocommerce-Reviews {

        width: 100% !important;

        margin: 0 !important;
    }


    /* -----------------------------------------
       پرسش و پاسخ
       ----------------------------------------- */

    .single-product .woocommerce-tabs
    #tab-sg_faq {

        width: 100% !important;
    }


    .single-product .woocommerce-tabs
    #tab-sg_faq .sg-faq-header {

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 15px !important;

        padding: 20px !important;

        margin-bottom: 20px !important;
    }


    /* -----------------------------------------
       حذف تداخل margin قبلی
       ----------------------------------------- */

    .single-product .woocommerce-tabs .tabs {

        margin-bottom: 25px !important;
    }

}










/* =========================================================
   MOBILE PRODUCT TABS
   GLASS CIRCLE ARROWS
   ========================================================= */

@media (max-width: 849px) {

    .single-product .woocommerce-tabs {
        position: relative !important;
    }


    /* -----------------------------------------
       فلش چپ
       ----------------------------------------- */

    .single-product .woocommerce-tabs.sg-tabs-can-scroll::before {

        content: "←";

        position: absolute !important;

        left: 6px !important;
        top: -42px !important;

        width: 34px !important;
        height: 34px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        z-index: 100 !important;

        border-radius: 50% !important;

        /* Glassmorphism */
        background: rgba(255, 255, 255, 0.08) !important;

        border: 1px solid rgba(255, 255, 255, 0.18) !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;

        color: #ffffff !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        line-height: 1 !important;

        pointer-events: none !important;

        box-shadow:
            0 4px 15px rgba(0, 0, 0, 0.25),
            inset 0 1px 1px rgba(255,255,255,.08) !important;

        opacity: 1 !important;

        transition:
            opacity .3s ease,
            transform .3s ease !important;
    }


    /* -----------------------------------------
       فلش راست
       ----------------------------------------- */

    .single-product .woocommerce-tabs.sg-tabs-can-scroll::after {

        content: "→";

        position: absolute !important;

        right: 6px !important;
        top: -42px !important;

        width: 34px !important;
        height: 34px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        z-index: 100 !important;

        border-radius: 50% !important;

        /* Glassmorphism */
        background: rgba(255, 255, 255, 0.08) !important;

        border: 1px solid rgba(255, 255, 255, 0.18) !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;

        color: #ffffff !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        line-height: 1 !important;

        pointer-events: none !important;

        box-shadow:
            0 4px 15px rgba(0, 0, 0, 0.25),
            inset 0 1px 1px rgba(255,255,255,.08) !important;

        opacity: 1 !important;

        transition:
            opacity .3s ease,
            transform .3s ease !important;
    }


    /* -----------------------------------------
       ابتدای لیست
       ----------------------------------------- */

    .single-product .woocommerce-tabs.sg-tabs-at-start::before {
        opacity: 0 !important;
    }


    /* -----------------------------------------
       انتهای لیست
       ----------------------------------------- */

    .single-product .woocommerce-tabs.sg-tabs-at-end::after {
        opacity: 0 !important;
    }


    /* -----------------------------------------
       افکت اولیه
       ----------------------------------------- */

    .single-product .woocommerce-tabs.sg-tabs-hint::before {
        animation:
            sgTabsLeftHint 1.8s ease-in-out 1 !important;
    }

    .single-product .woocommerce-tabs.sg-tabs-hint::after {
        animation:
            sgTabsRightHint 1.8s ease-in-out 1 !important;
    }


    @keyframes sgTabsLeftHint {

        0% {
            transform: translateX(0);
        }

        35% {
            transform: translateX(-4px);
        }

        60% {
            transform: translateX(0);
        }

        80% {
            transform: translateX(-2px);
        }

        100% {
            transform: translateX(0);
        }

    }


    @keyframes sgTabsRightHint {

        0% {
            transform: translateX(0);
        }

        35% {
            transform: translateX(4px);
        }

        60% {
            transform: translateX(0);
        }

        80% {
            transform: translateX(2px);
        }

        100% {
            transform: translateX(0);
        }

    }

}




























































/* =========================================
   SEDAYE GHARB - ABOUT US
   FONT SIZE: INHERITED FROM WEBSITE THEME
   Main Color: #DF1D26
   No Background
========================================= */

.sg-about-page{--sg-red:#DF1D26;--sg-red-dark:#b9161d;--sg-black:#0c0c0d;--sg-dark:#151516;--sg-card:#1F1F1F;--sg-border:rgba(255,255,255,0.09);--sg-text:#ffffff;--sg-muted:#a7a7aa;width:100%;max-width:1400px;margin:0 auto;padding:20px 25px 80px;color:var(--sg-text);box-sizing:border-box;overflow:hidden}.sg-about-page *,.sg-about-page *::before,.sg-about-page *::after{box-sizing:border-box}.sg-about-page h1,.sg-about-page h2,.sg-about-page h3,.sg-about-page p,.sg-about-page span,.sg-about-page strong,.sg-about-page em,.sg-about-page a{font-family:inherit}.sg-about-page h1,.sg-about-page h2,.sg-about-page h3,.sg-about-page p{margin-top:0}.sg-about-page a{text-decoration:none !important}.sg-about-hero{min-height:620px;display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:50px;padding:60px 5%;border-bottom:1px solid var(--sg-border)}.sg-about-hero-content{position:relative;z-index:2}.sg-about-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--sg-red);font-weight:700;margin-bottom:22px}.sg-about-eyebrow i{font-size:inherit}.sg-about-hero h1{line-height:1.5;font-weight:800;margin-bottom:25px;letter-spacing:0}.sg-about-hero h1 strong{display:inline;color:var(--sg-red)}.sg-about-hero p{max-width:650px;color:var(--sg-muted);line-height:2.1;margin-bottom:35px}.sg-about-hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.sg-about-btn{min-height:52px;padding:0 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-weight:700;transition:all .3s ease}.sg-about-btn-primary{background:var(--sg-red);color:#fff !important;border:1px solid var(--sg-red)}.sg-about-btn-primary:hover{background:#fff;color:var(--sg-red) !important;transform:translateY(-3px)}.sg-about-btn-outline{background:transparent;color:#fff !important;border:1px solid rgba(255,255,255,.2)}.sg-about-btn-outline:hover{border-color:var(--sg-red);color:var(--sg-red) !important;transform:translateY(-3px)}.sg-about-hero-visual{position:relative;height:480px;display:flex;align-items:center;justify-content:center}.sg-sound-ring{position:absolute;border:1px solid rgba(223,29,38,.25);border-radius:50%;animation:sgPulse 4s infinite ease-in-out}.sg-ring-1{width:230px;height:230px}.sg-ring-2{width:350px;height:350px;animation-delay:.7s}.sg-ring-3{width:470px;height:470px;animation-delay:1.4s}@keyframes sgPulse{0%,100%{transform:scale(.95);opacity:.4}50%{transform:scale(1.05);opacity:1}}.sg-hero-icon{position:relative;z-index:3;width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#262627,#111112);border:1px solid rgba(223,29,38,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 70px rgba(223,29,38,.18)}.sg-hero-icon i{color:var(--sg-red);font-size:70px}.sg-floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:13px;background:rgba(31,31,31,.94);border:1px solid var(--sg-border);border-radius:10px;padding:15px 18px;box-shadow:0 15px 50px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.sg-floating-card i{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(223,29,38,.12);border-radius:8px;color:var(--sg-red)}.sg-floating-card div{display:flex;flex-direction:column;gap:5px}.sg-card-top{top:70px;right:0}.sg-card-bottom{bottom:65px;left:0}.sg-about-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--sg-border)}.sg-stat-item{display:flex;align-items:center;gap:15px;padding:30px 25px;border-left:1px solid var(--sg-border)}.sg-stat-item:last-child{border-left:0}.sg-stat-icon{flex:0 0 48px;width:48px;height:48px;border-radius:8px;background:rgba(223,29,38,.1);color:var(--sg-red);display:flex;align-items:center;justify-content:center}.sg-stat-item div:last-child{display:flex;flex-direction:column;gap:5px}.sg-about-intro,.sg-about-why,.sg-about-categories,.sg-about-process{padding:100px 5%;border-bottom:1px solid var(--sg-border)}.sg-about-section-label{display:flex;align-items:center;gap:13px;margin-bottom:30px}.sg-about-section-label span{color:var(--sg-red);font-weight:800}.sg-about-section-label em{font-style:normal;color:var(--sg-muted)}.sg-about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.sg-about-intro-title h2,.sg-about-section-heading h2,.sg-categories-heading h2{line-height:1.6;font-weight:800}.sg-about-intro-title h2 span,.sg-about-section-heading h2 span,.sg-categories-heading h2 span{color:var(--sg-red)}.sg-about-intro-text p{color:var(--sg-muted);line-height:2.2;margin-bottom:22px}.sg-about-section-heading{max-width:750px;margin-bottom:55px}.sg-about-section-heading p,.sg-categories-heading p{color:var(--sg-muted);line-height:2}.sg-about-features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sg-about-feature{position:relative;padding:35px 28px;border:1px solid var(--sg-border);border-radius:10px;background:rgba(31,31,31,.35);transition:all .35s ease;overflow:hidden}.sg-about-feature::after{content:"";position:absolute;width:100px;height:100px;background:var(--sg-red);filter:blur(80px);opacity:0;left:-30px;bottom:-30px;transition:.4s}.sg-about-feature:hover{transform:translateY(-7px);border-color:rgba(223,29,38,.5)}.sg-about-feature:hover::after{opacity:.25}.sg-feature-number{color:rgba(255,255,255,.15);font-weight:800;margin-bottom:28px}.sg-feature-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--sg-red);background:rgba(223,29,38,.1);margin-bottom:25px}.sg-about-feature h3{margin-bottom:15px}.sg-about-feature p{color:var(--sg-muted);line-height:2;margin-bottom:0}.sg-categories-heading{margin-bottom:45px}.sg-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sg-category-card{min-height:90px;padding:20px;border:1px solid var(--sg-border);border-radius:8px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;color:#fff !important;background:rgba(31,31,31,.3);transition:all .3s ease}.sg-category-card>i:first-child{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(223,29,38,.1);color:var(--sg-red);border-radius:7px}.sg-category-card>i:last-child{color:var(--sg-muted);transition:.3s}.sg-category-card:hover{border-color:var(--sg-red);transform:translateY(-4px)}.sg-category-card:hover>i:last-child{color:var(--sg-red);transform:translateX(-4px)}.sg-process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}.sg-process-item{position:relative}.sg-process-icon{width:70px;height:70px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--sg-card);border:1px solid var(--sg-border);border-radius:50%;margin-bottom:25px;color:var(--sg-red)}.sg-process-icon span{position:absolute;top:-7px;right:-7px;background:var(--sg-red);color:#fff;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.sg-process-item h3{margin-bottom:12px}.sg-process-item p{color:var(--sg-muted);line-height:2}.sg-about-quote{margin:70px 5%;padding:60px;display:flex;align-items:center;gap:35px;background:#1F1F1F;border-radius:12px;border-right:4px solid var(--sg-red)}.sg-quote-icon{width:65px;height:65px;flex:0 0 65px;display:flex;align-items:center;justify-content:center;background:rgba(223,29,38,.1);color:var(--sg-red);border-radius:10px}.sg-quote-content h2{line-height:1.7;margin-bottom:12px}.sg-quote-content h2 span{color:var(--sg-red)}.sg-quote-content p{color:var(--sg-muted);line-height:2;margin-bottom:0}.sg-about-cta{padding:100px 5%;text-align:center}.sg-cta-content{max-width:800px;margin:auto}.sg-cta-content h2{line-height:1.5;margin-bottom:20px}.sg-cta-content h2 span{color:var(--sg-red)}.sg-cta-content p{max-width:600px;margin:0 auto 30px;color:var(--sg-muted);line-height:2}@media (max-width:1024px){.sg-about-hero{grid-template-columns:1fr;text-align:center}.sg-about-hero p{margin-left:auto;margin-right:auto}.sg-about-hero-buttons{justify-content:center}.sg-about-hero-visual{height:400px}.sg-about-stats{grid-template-columns:repeat(2,1fr)}.sg-stat-item:nth-child(2){border-left:0}.sg-about-intro-grid{gap:40px}.sg-about-features{grid-template-columns:repeat(2,1fr)}.sg-category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.sg-about-page{padding:10px 15px 50px}.sg-about-hero{min-height:auto;padding:55px 10px 40px;gap:20px}.sg-about-hero h1{line-height:1.55;letter-spacing:0}.sg-about-hero p{line-height:2}.sg-about-hero-buttons{flex-direction:column}.sg-about-btn{width:100%}.sg-about-hero-visual{height:310px;transform:scale(.8);margin:-20px 0}.sg-ring-1{width:170px;height:170px}.sg-ring-2{width:260px;height:260px}.sg-ring-3{width:340px;height:340px}.sg-hero-icon{width:125px;height:125px}.sg-hero-icon i{font-size:48px}.sg-card-top{top:25px;right:-10px}.sg-card-bottom{bottom:20px;left:-10px}.sg-floating-card{transform:scale(.85)}.sg-about-stats{grid-template-columns:1fr 1fr}.sg-stat-item{padding:20px 12px;gap:9px;border-bottom:1px solid var(--sg-border)}.sg-stat-icon{width:40px;height:40px;flex-basis:40px}.sg-about-intro,.sg-about-why,.sg-about-categories,.sg-about-process{padding:65px 10px}.sg-about-intro-grid{grid-template-columns:1fr;gap:20px}.sg-about-features{grid-template-columns:1fr}.sg-about-feature{padding:28px 22px}.sg-category-grid{grid-template-columns:1fr}.sg-process-line{grid-template-columns:1fr;gap:35px}.sg-process-item{padding-right:10px}.sg-about-quote{margin:40px 0;padding:35px 25px;flex-direction:column;align-items:flex-start;gap:20px}.sg-about-cta{padding:65px 10px}}@media (max-width:400px){.sg-about-stats{grid-template-columns:1fr}.sg-stat-item{border-left:0 !important}}

























/* عنوان محصولات اسلایدر صدای غرب - تک خطی با سه نقطه */
.sg-product-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    margin: 0;
}


/* جلوگیری از شکستن عنوان در کارت محصول */
.sg-product-content {
    overflow: hidden;
}


/* هماهنگ شدن ارتفاع عنوان همه محصولات */
.sg-product-title {
    height: 28px;
    line-height: 28px;
}





















/* ==============================
   Sedaye Gharb FAQ Final Style
   ============================== */
.dark-page-wrapper{background:#080808}.section-title-container{margin-bottom:35px}.section-title-main{font-size:95% !important;font-weight:800;color:#df1d26 !important;letter-spacing:.5px;text-shadow:0 0 10px rgba(223,29,38,.35)}.section-title b{background:#df1d26 !important;height:2px;opacity:.8}.accordion{max-width:950px;margin:auto}.accordion-item{background:linear-gradient(145deg,#121212,#090909);border:1px solid rgba(223,29,38,.25);border-radius:14px;margin-bottom:15px;overflow:hidden;transition:.35s ease;box-shadow:0 8px 25px rgba(0,0,0,.45)}.accordion-item:hover{border-color:#df1d26;transform:translateY(-2px);box-shadow:0 10px 30px rgba(223,29,38,.2)}.accordion-title{padding:22px 25px !important;color:#fff !important;font-size:17px;font-weight:700;display:flex;align-items:center;gap:15px;background:transparent !important}.accordion-title .toggle{background:none !important;border:none !important;width:auto;height:auto;min-height:auto;padding:0}.accordion-title .toggle i{color:#df1d26 !important;font-size:17px;transition:.3s ease}.accordion-item.active .toggle i{transform:rotate(180deg)}.accordion-inner{background:#0d0d0d;border-top:1px solid rgba(223,29,38,.15);padding:25px 30px !important;color:#d5d5d5;line-height:2;font-size:16px}.accordion-inner:before{display:none !important}.accordion-inner p{margin:0;color:#d5d5d5}.accordion-item.active{border-color:#df1d26;box-shadow:0 0 25px rgba(223,29,38,.18)}@media(max-width:768px){.section-title-main{font-size:95% !important}.accordion-title{padding:18px !important;font-size:15px;line-height:1.8}.accordion-title .toggle i{font-size:15px}.accordion-inner{padding:20px !important;font-size:14px}}








/*=========================
      FAQ
==========================*/

.sg-faq-wrap{

display:flex;

flex-direction:column;

gap:16px;

margin:25px 0;

}

.sg-faq-item{

background:#1b1f25;

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

overflow:hidden;

transition:.35s;

}

.sg-faq-item:hover{

border-color:#df1d26;

box-shadow:0 8px 25px rgba(223,29,38,.15);

}

.sg-faq-question{

width:100%;

background:none;

border:none;

cursor:pointer;

display:flex;

justify-content:space-between;

align-items:center;

padding:22px;

font-size:15px;

font-weight:700;

color:#fff;

}

.sg-faq-title{

text-align:right;

}

.sg-faq-icon{

width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#272c33;

color:#df1d26;

transition:.35s;

}

.sg-faq-answer{

display:none;

padding:0 22px 22px;

font-size:14px;

line-height:2;

color:#d7d7d7;

border-top:1px solid rgba(255,255,255,.06);

}

.sg-faq-item.active .sg-faq-answer{

display:block;

}

.sg-faq-item.active .sg-faq-icon{

transform:rotate(180deg);

background:#df1d26;

color:#fff;

}

/* فاصله بین تب‌ها و محتوای تب */

.woocommerce-tabs .tab-panels{
  margin-top:25px;
}

/* فقط تب پرسش و پاسخ */

.woocommerce-Tabs-panel--faq{
    padding-top: 10px;
}
/*=============================
 FAQ HEADER
==============================*/

.sg-faq-header{

display:flex;

align-items:center;

gap:20px;

padding:28px;

margin-bottom:25px;

background:#1c2026;

border-radius:24px;

border:1px solid rgba(255,255,255,.08);

}

.sg-faq-header-icon{

width:70px;

height:70px;

border-radius:20px;

background:#df1d26;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

flex-shrink:0;

}

.sg-faq-header h3{

margin:0 0 8px;

font-size:24px;

color:#fff;

}

.sg-faq-header p{

margin:0;

line-height:2;

color:#bcbcbc;

}

/*=============================
 BUTTON
==============================*/

.sg-ask-btn-wrap{

margin:25px 0 40px;

}

.sg-ask-btn{

width:100%;

height:58px;

border:none;

border-radius:18px;

cursor:pointer;

background:linear-gradient(135deg,#df1d26,#b0141d);

color:#fff;

font-size:15px;

font-weight:700;

transition:.3s;

}

.sg-ask-btn:hover{

transform:translateY(-3px);

box-shadow:0 12px 30px rgba(223,29,38,.35);

}

/*=============================
 QUESTION
==============================*/

.sg-faq-title{

display:flex;

align-items:center;

gap:12px;

}

.sg-faq-title i{

color:#df1d26;

font-size:20px;

}

/*=============================
 ANSWER
==============================*/

.sg-answer-title{

display:flex;

align-items:center;

gap:10px;

margin-bottom:15px;

font-weight:700;

color:#df1d26;

}

.sg-answer-body{

padding:18px;

background:#252a32;

border-right:4px solid #df1d26;

border-radius:14px;

line-height:2.1;

color:#ddd;

}




/*==========================
 QUESTION MODAL
===========================*/

.sg-question-modal{

position:fixed;

inset:0;

background:rgba(0,0,0,.65);

backdrop-filter:blur(6px);

display:none;

align-items:center;

justify-content:center;

z-index:999999;

padding:20px;

}

.sg-question-modal.show{

display:flex;

}

.sg-question-box{

width:100%;

max-width:600px;

background:#1d2127;

border-radius:26px;

padding:35px;

border:1px solid rgba(255,255,255,.08);

position:relative;

}

.sg-question-box h3{

margin:0 0 12px;

color:#fff;

font-size:28px;

}

.sg-question-box p{

color:#bdbdbd;

line-height:2;

margin-bottom:25px;

}

.sg-question-box input,

.sg-question-box textarea{

width:100%;

margin-bottom:18px;

padding:16px;

border-radius:14px;

background:#262b33;

border:1px solid rgba(255,255,255,.08);

color:#fff;

}

.sg-question-box textarea{

resize:vertical;

min-height:150px;

}

.sg-question-box button[type=submit]{

width:100%;

height:54px;

border:none;

border-radius:16px;

background:#df1d26;

color:#fff;

font-size:15px;

font-weight:700;

cursor:pointer;

}

.sg-close-question{

position:absolute;

left:18px;

top:18px;

width:42px;

height:42px;

border-radius:50%;

background:#2d333d;

border:none;

color:#fff;

cursor:pointer;

}







/*=========================================================
        SG Premium Product Tabs V1
=========================================================*/

.woocommerce-tabs{

    margin:60px 0;

}

/* نوار تب ها */

.woocommerce-tabs .wc-tabs{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

    padding:0;

    margin:0 0 30px;

    border:none;

}

/* هر تب */

.woocommerce-tabs .wc-tabs li{

    margin:0 !important;

    border:none !important;

    background:none !important;

}

/* لینک تب */

.woocommerce-tabs .wc-tabs li a{

    display:flex;

    align-items:center;

    justify-content:center;

    height:48px;

    padding:0 24px;

    border-radius:14px;

    background:#1b1f25;

    border:1px solid rgba(255,255,255,.08);

    color:#d7d7d7 !important;

    font-size:14px;

    font-weight:700;

    transition:.30s;

}

/* هاور */

.woocommerce-tabs .wc-tabs li a:hover{

    background:#232831;

    border-color:#df1d26;

    color:#fff !important;

    transform:translateY(-2px);

}

/* تب فعال */

.woocommerce-tabs .wc-tabs li.active a{

    background:linear-gradient(180deg,#df1d26,#b80f17);

    color:#fff !important;

    border-color:#df1d26;

    box-shadow:

    0 10px 25px rgba(223,29,38,.25);

}

/* پنل */

.woocommerce-tabs .tab-panels{

    background:#171b20;

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:35px;

    color:#d8d8d8;

    line-height:2.2;

    box-shadow:

    0 15px 40px rgba(0,0,0,.25);

}

/* عناوین داخل تب */

.woocommerce-tabs h2,

.woocommerce-tabs h3{

    color:#fff;

}

/* جدول */

.woocommerce-tabs table{

    width:100%;

    border-collapse:collapse;

}

.woocommerce-tabs table td,

.woocommerce-tabs table th{

    padding:14px 16px;

    border-bottom:1px solid rgba(255,255,255,.07);

}

/*=========================
        Mobile
=========================*/

@media(max-width:849px){

.woocommerce-tabs{

margin:40px 0;

}

.woocommerce-tabs .wc-tabs{

flex-wrap:nowrap;

overflow-x:auto;

padding-bottom:8px;

scrollbar-width:none;

}

.woocommerce-tabs .wc-tabs::-webkit-scrollbar{

display:none;

}

.woocommerce-tabs .wc-tabs li{

flex:0 0 auto;

}

.woocommerce-tabs .wc-tabs li a{

padding:0 18px;

font-size:13px;

height:44px;

white-space:nowrap;

}

.woocommerce-tabs .tab-panels{

padding:20px;

border-radius:18px;

}

}
/* فاصله کل بخش تب ها */

.single-product div.product .woocommerce-tabs{

    margin-top:70px !important;
    padding-top:25px !important;
    clear:both;

}

/* فاصله خود تب ها از پنل */

.single-product .woocommerce-tabs .tabs{

    margin-bottom:-50px !important;

}




/*=========================================================
        Justify Content Text
=========================================================*/

/* توضیحات کوتاه محصول */
.single-product .woocommerce-product-details__short-description,
.single-product .sg-short-desc{
    text-align: justify;
    text-align-last: right;
    line-height: 2;
}

/* توضیحات کامل محصول */
.single-product .woocommerce-Tabs-panel{
    text-align: justify;
    text-align-last: right;
    line-height: 2;
}

/* صفحات و نوشته‌ها */
.entry-content,
.page-content,
.post-content{
    text-align: justify;
    text-align-last: right;
    line-height: 2;
}

/* پاراگراف‌ها */
.entry-content p,
.page-content p,
.post-content p,
.single-product .woocommerce-Tabs-panel p{
    text-align: justify;
    text-align-last: right;
}



/*=========================================================
        Sedaye Gharb Responsive Base
=========================================================*/

/* ---------- Tablet ---------- */

@media (max-width: 1024px){

html{
    font-size:15px;
}

h1{
    font-size:30px;
    line-height:1.5;
}

h2{
    font-size:24px;
    line-height:1.5;
}

h3{
    font-size:20px;
}

p,
li,
span,
a,
input,
textarea,
button{
    font-size:14px;
    line-height:1.9;
}

.button{
    min-height:46px;
    padding:0 18px;
    font-size:14px;
}

.section{
    padding-top:45px;
    padding-bottom:45px;
}

.col{
    margin-bottom:20px;
}

img{
    max-width:100%;
    height:auto;
}

}


/* ---------- Mobile ---------- */

@media (max-width:768px){

html{
    font-size:14px;
}

body{
    overflow-x:hidden;
}

h1{
    font-size:24px;
    line-height:1.6;
}

h2{
    font-size:21px;
    line-height:1.6;
}

h3{
    font-size:18px;
}

h4{
    font-size:16px;
}

p,
li,
span,
a{
    font-size:13px;
    line-height:1.9;
}

input,
select,
textarea{

    min-height:46px;
    font-size:14px;

}

.button{

    min-height:46px;
    padding:0 16px;
    font-size:14px;
    border-radius:12px;

}

img{

    max-width:100%;
    height:auto;

}

.row{

    margin-right:0;
    margin-left:0;

}

.section{

    padding-top:35px;
    padding-bottom:35px;

}

}


/* ---------- Small Mobile ---------- */

@media (max-width:480px){

h1{

    font-size:22px;

}

h2{

    font-size:19px;

}

h3{

    font-size:17px;

}

p,
li,
span,
a{

    font-size:13px;

}

.button{

    width:100%;

}

}





/* Sedaye Gharb - Luxury Tech Cursor */

@media (min-width: 992px) {

    .audio-cursor {
        position: fixed;
        width: 12px;
        height: 12px;
        background: rgb(223,29,38);
        border-radius: 4px;
        pointer-events: none;
        z-index: 999999;
        transform: translate(-50%, -50%);
        transition:
            width .25s ease,
            height .25s ease,
            border-radius .25s ease,
            transform .25s ease;
        box-shadow: 0 0 12px rgba(223,29,38,.35);
    }


    .audio-cursor.active {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(223,29,38,.15);
        border: 2px solid rgb(223,29,38);
        box-shadow: none;
    }
}





/* Fix Flatsome broken layout */

.container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}


.row {
    width: auto;
    max-width: none;
}


#main,
#content {
    width: 100%;
}


.page-wrapper {
    padding-top: 0;
}










/*************************************************
        SoundPro Category Sidebar v1.0
*************************************************/

.sg-category-sidebar{

    width:100%;
    background:#101113;

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    overflow:hidden;

    box-shadow:
        0 15px 40px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);

    position:relative;

}

/*=============================
        Header
=============================*/

.sg-category-header{

    height:62px;

    background:
        linear-gradient(180deg,#a81219,#6f0f15);

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    color:#fff;

    font-size:15px;

    font-weight:700;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.sg-category-header i{

    font-size:19px;

}

.sg-category-title{

    flex:1;

    margin-right:10px;

}

/*=============================
        Category List
=============================*/

.sg-category-list{

    margin:0;

    padding:0;

    list-style:none;

}

.sg-category-list li{

    border-bottom:1px solid rgba(255,255,255,.05);

}

.sg-category-list li:last-child{

    border:none;

}

.sg-category-list li a{

    height:56px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 18px;

    color:#e8e8e8;

    text-decoration:none;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

/* خط قرمز هنگام Hover */

.sg-category-list li a{

    position:relative;

    overflow:hidden;

    transition:.35s;

}

.sg-category-list li a:hover{

    background:linear-gradient(
        90deg,
        rgba(223,29,38,.18),
        rgba(255,255,255,.03)
    );

    color:#fff;

    transform:translateX(-5px);

}

/* نور قرمز */

.sg-category-list li a:after{

    content:"";

    position:absolute;

    right:-50px;

    top:50%;

    width:120px;

    height:120px;

    background:radial-gradient(circle,#df1d2645,transparent);

    transform:translateY(-50%);

    opacity:0;

    transition:.4s;

}

.sg-category-list li a:hover{

    background:#17191d;

    color:#fff;

    padding-right:24px;

}

.sg-category-list li a:hover:before{

    opacity:1;

}

.sg-category-list li a:hover:after{

    opacity:1;

}

.cat-name{

    font-size:16px;

}

.cat-icon{

    width:24px;

    height:24px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.cat-icon img{

    width:20px;

    opacity:.75;

    transition:.35s;

}

.sg-category-list li:hover img{

    opacity:1;

    transform:scale(1.08);

}

/*=============================
        Offer Box
=============================*/

.sg-offer-box{

    margin:18px;

    border-radius:14px;

    padding:18px;

    background:

        linear-gradient(180deg,#1d0d10,#110f11);

    border:1px solid rgba(223,29,38,.25);

    text-align:center;

}

.offer-percent{

    color:#fff;

}

.offer-percent span{

    font-size:22px;

    color:#ff313d;

    font-weight:800;

}

.offer-percent strong{

    display:block;

    font-size:31px;

    color:#ffffff;

}

.offer-desc{

    margin-top:8px;

    color:#bdbdbd;

    font-size:12px;

}

.offer-code{

    margin-top:16px;

    height:38px;

    border-radius:10px;

    background:#0d0d0d;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    letter-spacing:1px;

    border:1px solid rgba(255,255,255,.06);

}

/*=============================
        Responsive
=============================*/

@media(max-width:767px){

.sg-category-sidebar{

display:none !important;

}

}


/*******************************************
        Header Shine Effect
********************************************/

.sg-category-header{
    position:relative;
    overflow:hidden;
}

.sg-category-header::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );

    transform:skewX(-25deg);

    animation:sgHeaderShine 6s infinite;

}

@keyframes sgHeaderShine{

0%{

left:-120%;

}

45%{

left:140%;

}

100%{

left:140%;

}

}

.sg-category-list li a::after{

content:"";

position:absolute;

width:180px;

height:180px;

background:radial-gradient(circle,
rgba(223,29,38,.22),
transparent 70%);

left:var(--x);

top:var(--y);

transform:translate(-50%,-50%);

opacity:0;

transition:.3s;

pointer-events:none;

}

.sg-category-list li a:hover::after{

opacity:1;

}

.sg-category-title{

    text-align:right;

    flex:1;

}

.sg-category-header{

    height:62px;

    background:linear-gradient(180deg,#a81219,#6f0f15);

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:10px;

    padding:0 18px;

    color:#fff;

    font-size:15px;

    font-weight:700;

    border-bottom:1px solid rgba(255,255,255,.08);

}
























.sg-features{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:18px;

margin:20px 0;

}

.sg-feature{

position:relative;

display:flex;

align-items:center;

gap:16px;

padding:18px 22px;

background:linear-gradient(180deg,#181818,#101010);

border:1px solid rgba(255,255,255,.06);

border-radius:18px;

overflow:hidden;

transition:.35s;

}

.sg-feature::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:60%;

height:100%;

background:linear-gradient(
120deg,
transparent,
rgba(255,255,255,.08),
transparent
);

transition:.8s;

}

.sg-feature:hover::before{

left:150%;

}

.sg-feature:hover{

transform:translateY(-6px);

border-color:rgba(223,29,38,.4);

box-shadow:

0 18px 35px rgba(223,29,38,.15);

}

.feature-icon{

width:58px;

height:58px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

background:rgba(223,29,38,.08);

}

.feature-icon i{

font-size:28px;

color:#df1d26;

transition:.35s;

}

.sg-feature:hover .feature-icon i{

transform:scale(1.18);

text-shadow:

0 0 10px rgba(223,29,38,.45),

0 0 25px rgba(223,29,38,.25);

}

.feature-content{

display:flex;

flex-direction:column;

}

.feature-content h4{

margin:0;

font-size:13px;

font-weight:700;

color:#fff;

}

.feature-content span{

margin-top:4px;

font-size:11px;

color:#a4a4a4;

}

@media(max-width:991px){

.sg-features{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.sg-features{

grid-template-columns:1fr;

}

}












/*====================================
      SG MOBILE + TABLET CATEGORY CAROUSEL
====================================*/


.sg-mobile-categories{

display:none;

margin:24px 0;

}



/* موبایل + تبلت */

@media(max-width:1099px){


.sg-mobile-categories{

display:block !important;

}



.sg-mobile-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:0 14px;

margin-bottom:16px;

}



.sg-mobile-header h3{

margin:0;

font-size:13px;

font-weight:800;

color:#fff;

}



.sg-view-all{

display:flex;

align-items:center;

gap:8px;

text-decoration:none;

color:#fff;

font-size:11px;

font-weight:700;

}



/* آیکون چهار مربع */

.grid{

width:34px;

height:34px;

border-radius:12px;

background:

linear-gradient(
180deg,
#2b2b2b,
#171717
);

display:grid;

grid-template-columns:repeat(2,1fr);

gap:4px;

padding:6px;

border:1px solid rgba(255,255,255,.08);

box-shadow:

0 0 15px rgba(223,29,38,.15);

transition:.35s;

}



.grid span{

background:#df1d26;

border-radius:3px;

}



.sg-view-all:hover .grid{

transform:rotate(90deg);

box-shadow:

0 0 20px rgba(223,29,38,.35);

}



/* اسلایدر */

.sg-carousel{

overflow:hidden;

position:relative;

}



.sg-track{

display:flex;

gap:14px;

padding:6px 14px;

will-change:transform;

direction:rtl;

}



/* کارت دسته */

.sg-item{

width:118px;

min-width:118px;

height:152px;

border-radius:20px;

background:

linear-gradient(
180deg,
#202020,
#121212
);

border:1px solid rgba(255,255,255,.06);

display:flex;

flex-direction:column;

justify-content:space-between;

align-items:center;

padding:14px;

text-decoration:none;

transition:.35s;

position:relative;

overflow:hidden;

}



/* افکت نور */

.sg-item::before{

content:"";

position:absolute;

top:0;

left:-80%;

width:60%;

height:100%;

background:

linear-gradient(
120deg,
transparent,
rgba(255,255,255,.08),
transparent
);

transition:.8s;

}



.sg-item:hover::before{

left:160%;

}



.sg-item:hover{

transform:translateY(-5px);

border-color:#df1d26;

box-shadow:

0 10px 25px rgba(223,29,38,.18);

}



/* تصویر */

.sg-img{

width:78px;

height:64px;

display:flex;

justify-content:center;

align-items:center;

}



.sg-img img{

max-width:100%;

max-height:100%;

object-fit:contain;

}



/* عنوان */

.sg-item span{

font-size:13px;

font-weight:700;

color:#fff;

text-align:center;

line-height:20px;

}


}



/*==============================
      فقط دسکتاپ مخفی
==============================*/


@media(min-width:1100px){


.sg-mobile-categories{

display:none !important;

}


}

















/* ==========================
   SG MOBILE + TABLET BENEFITS
========================== */


.sg-mobile-benefits{

display:none;

}



/* موبایل و تبلت */

@media(max-width:1099px){


.sg-mobile-benefits{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:12px;

padding:0 14px;

direction:rtl;

margin:20px 0;

}



/* کارت */

.sg-benefit-item{

height:90px;

background:#161616;

border-radius:18px;

border:1px solid rgba(255,255,255,.08);

display:flex;

align-items:center;

gap:10px;

padding:12px;

box-sizing:border-box;

}



/* آیکون */

.sg-benefit-icon{

width:42px;

height:42px;

min-width:42px;

border-radius:14px;

background:rgba(223,29,38,.12);

display:flex;

align-items:center;

justify-content:center;

}



.sg-benefit-icon i{

font-size:20px;

color:#df1d26;

}



/* متن */

.sg-benefit-text{

display:flex;

flex-direction:column;

align-items:flex-start;

direction:rtl;

}



.sg-benefit-text strong{

font-size:12px;

color:#fff;

font-weight:700;

line-height:20px;

}



.sg-benefit-text small{

font-size:10px;

color:#999;

margin-top:3px;

}


}



/* دسکتاپ واقعی مخفی */

@media(min-width:1100px){


.sg-mobile-benefits{

display:none !important;

}


}


























/*=============================
Container
=============================*/

.sg-product{

max-width:1400px;

margin:auto;

padding:35px;

}

/*=============================
Hero
=============================*/

.sg-hero{

display:grid;

grid-template-columns:520px 1fr;

gap:45px;

align-items:start;

margin-top:25px;

}

/*=============================
Responsive
=============================*/

@media(max-width:1100px){

.sg-hero{

grid-template-columns:1fr;

}

}



.sg-gallery{

    background:linear-gradient(
        145deg,
        rgba(42,42,42,.85),
        rgba(24,24,24,.75)
    );

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.06);

    border-radius:26px;

    padding:24px;

    box-shadow:
        0 15px 50px rgba(0,0,0,.40);

}
/*=========================
Wrapper
==========================*/

.sg-gallery-wrapper{

    display:flex;

    flex-direction:row-reverse;

    gap:18px;

    align-items:flex-start;

}

/*=========================
Main
==========================*/

.sg-gallery-main{

    flex:1;

    background:#fafafa;

    border-radius:18px;

    border:1px solid #efefef;

    overflow:hidden;

    aspect-ratio:1/1;

    display:flex;

    justify-content:center;

    align-items:center;

}

.sg-gallery-main img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:.35s;

}

.sg-gallery-main:hover img{

    transform:scale(1.05);

}

/*=========================
Thumbs
==========================*/

.sg-gallery-thumbs{

    display:flex;

    flex-direction:row;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:18px;

    flex-wrap:wrap;

}

.sg-thumb{

    width:88px;

    height:88px;

    object-fit:cover;

    background:#fff;

    border:2px solid #ececec;

    border-radius:14px;

    padding:5px;

    cursor:pointer;

    transition:.25s;

}

.sg-thumb:hover{

    border-color:#df1d26;

    transform:translateY(-2px);

}

.sg-thumb.active{

    border-color:#df1d26;

    box-shadow:0 0 0 4px rgba(223,29,38,.12);

}

/*=========================
Responsive
==========================*/

@media(max-width:768px){

.sg-gallery-wrapper{

flex-direction:column;

}

.sg-gallery-thumbs{

width:100%;

flex-direction:row;

overflow:auto;

}

.sg-thumb{

width:72px;

height:72px;

flex:none;

}

}


















/* مخفی کردن متن های افزونه علاقه مندی */
.yith-wcwl-wishlistaddedbrowse .feedback,
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse .feedback,
.yith-wcwl-wishlistexistsbrowse a {
    display: none !important;
}












































/* =====================================
   WooCommerce Rating - FontAwesome
===================================== */

.comment-form-rating .stars{
    display:flex;
    gap:8px;
    direction:ltr;
}

.comment-form-rating .stars a{

    position:relative;

    width:28px;
    height:28px;

    font-size:0;

    text-decoration:none;

}

.comment-form-rating .stars a:before{

    content:"\f005";

    font-family:"Font Awesome 6 Free";
    font-weight:900;

    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;

    color:#d0d0d0;

    transition:.25s;

}

/* Hover */

.comment-form-rating .stars:hover a:before{

    color:#d0d0d0;

}

.comment-form-rating .stars a:hover:before,
.comment-form-rating .stars a.active:before{

    color:#df1d26;

}

/* ستاره های قبل از هاور */

.comment-form-rating .stars a:hover ~ a:before{

    color:#d0d0d0;

}





@media (max-width: 768px) {

    .sg-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        width: 100% !important;

        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
        direction: rtl;
    }

    .sg-track::-webkit-scrollbar {
        display: none;
    }

    .sg-item {
        flex: 0 0 auto !important;
    }

}














.header-social-icons .social-icons a {
    font-size: 16px !important;
    line-height: 1 !important;
}

.header-social-icons .social-icons a i {
    font-size: 16px !important;
}


.sg-services {
    margin-top: 10px;
}















/* =========================================================
   SG LATEST PRODUCTS
   MOBILE FINAL FIX
   PRICE CENTER + HIDE CART
   ========================================================= */
@media only screen and (max-width:767px){.sg-latest-products-slider .sg-product-card .sg-product-footer{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:100% !important;text-align:center !important}.sg-latest-products-slider .sg-product-card .sg-product-footer .sg-product-price{display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;float:none !important}.sg-latest-products-slider .sg-product-card .sg-product-footer .sg-product-price strong{display:block !important;width:100% !important;text-align:center !important;margin:0 auto !important}.sg-latest-products-slider .sg-product-card .sg-product-footer .sg-cart-wrap,.sg-latest-products-slider .sg-product-card .sg-product-footer .sg-cart-btn,.sg-latest-products-slider .sg-product-card .sg-cart-wrap,.sg-latest-products-slider .sg-product-card .sg-cart-btn{display:none !important;visibility:hidden !important;opacity:0 !important;width:0 !important;height:0 !important;min-width:0 !important;min-height:0 !important;max-width:0 !important;max-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;overflow:hidden !important}}
























/* =========================================================
SEDAYE GHARB - PREMIUM RED GLOW PRODUCT GALLERY
Flatsome + WooCommerce + Flickity
========================================================= */

/* ---------------------------------------------------------
GALLERY MAIN CONTAINER
--------------------------------------------------------- */
.product-gallery .product-images::before{``` content:"";position:absolute;top:7%;left:7%;right:7%;bottom:7%;z-index:-2;background:#DF1D26;border-radius:35px;filter:blur(55px);opacity:.20;transform:scale(.88);pointer-events:none;```}.product-gallery .product-images::after{``` content:"";position:absolute;top:12%;left:12%;right:12%;bottom:12%;z-index:-3;background:rgba(223,29,38,.32);border-radius:40px;filter:blur(90px);opacity:.18;pointer-events:none;```}.product-gallery .woocommerce-product-gallery__wrapper{``` position:relative;overflow:hidden;background:radial-gradient( circle at 50% 45%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.018) 38%,rgba(0,0,0,0) 70% ),linear-gradient( 145deg,#101010 0%,#181818 45%,#080808 100% );border:1px solid rgba(223,29,38,.75);border-radius:24px;box-shadow:0 0 0 1px rgba(223,29,38,.10),0 0 18px rgba(223,29,38,.22),0 0 45px rgba(223,29,38,.12),0 25px 65px rgba(0,0,0,.55),inset 0 0 35px rgba(0,0,0,.35);transition:border-color .35s ease,box-shadow .35s ease;```}.product-gallery .woocommerce-product-gallery__wrapper:hover{``` border-color:#DF1D26;box-shadow:0 0 0 1px rgba(223,29,38,.18),0 0 22px rgba(223,29,38,.35),0 0 65px rgba(223,29,38,.18),0 28px 75px rgba(0,0,0,.60),inset 0 0 40px rgba(0,0,0,.40);```}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{``` display:flex;align-items:center;justify-content:center;width:100%;min-height:620px;padding:25px;background:transparent;```}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a{``` display:flex;align-items:center;justify-content:center;width:100%;height:100%;```}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{``` display:block;width:100%;max-width:100%;height:auto;max-height:570px;object-fit:contain;margin:0 auto;border-radius:16px;transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .4s ease;```}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:hover img{``` transform:scale(1.025);filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));```}.product-gallery .woocommerce-product-gallery__wrapper .flickity-button{``` width:46px;height:46px;top:50%;background:rgba(8,8,8,.90);border:1px solid rgba(223,29,38,.45);border-radius:50%;opacity:0;transform:translateY(-50%);box-shadow:0 8px 25px rgba(0,0,0,.45);transition:opacity .3s ease,background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;```}.product-gallery .woocommerce-product-gallery__wrapper:hover .flickity-button{``` opacity:1;```}.product-gallery .woocommerce-product-gallery__wrapper .flickity-button:hover{``` background:#DF1D26;border-color:#DF1D26;transform:translateY(-50%) scale(1.10);box-shadow:0 0 20px rgba(223,29,38,.40);```}.product-gallery .woocommerce-product-gallery__wrapper .flickity-button-icon{``` width:18px;height:18px;fill:#fff;```}.product-gallery .woocommerce-product-gallery__wrapper .flickity-prev-next-button.previous{``` right:18px;left:auto;```}.product-gallery .woocommerce-product-gallery__wrapper .flickity-prev-next-button.next{``` left:18px;right:auto;```}.product-gallery .product-images .zoom-button{``` width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0 15px 15px 0;background:rgba(8,8,8,.92);border:1px solid rgba(223,29,38,.65);border-radius:50%;color:#fff !important;box-shadow:0 0 15px rgba(223,29,38,.15),0 8px 22px rgba(0,0,0,.35);transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;```}.product-gallery .product-images .zoom-button:hover{``` background:#DF1D26;border-color:#DF1D26;color:#fff !important;transform:scale(1.08);box-shadow:0 0 22px rgba(223,29,38,.40);```}.product-gallery .image-tools .wishlist-button{``` width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(8,8,8,.92) !important;border:1px solid rgba(223,29,38,.55) !important;color:#fff !important;border-radius:50%;box-shadow:0 0 15px rgba(223,29,38,.12),0 8px 22px rgba(0,0,0,.35);transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;```}.product-gallery .image-tools .wishlist-button:hover{``` background:#DF1D26 !important;border-color:#DF1D26 !important;transform:scale(1.08);box-shadow:0 0 22px rgba(223,29,38,.40);```}.product-gallery .product-thumbnails{``` margin-top:18px;padding:0 3px;overflow:visible;```}.product-gallery .product-thumbnails .flickity-viewport{``` overflow:visible;```}.product-gallery .product-thumbnails .col{``` padding:0 6px;width:25%;```}.product-gallery .product-thumbnails .col a{``` display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient( 145deg,#171717,#0b0b0b );border:1px solid rgba(255,255,255,.10);border-radius:15px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;```}.product-gallery .product-thumbnails .col a:hover{``` border-color:rgba(223,29,38,.65);transform:translateY(-3px);box-shadow:0 0 15px rgba(223,29,38,.16),0 10px 25px rgba(0,0,0,.40);```}.product-gallery .product-thumbnails .col img{``` width:100%;height:100%;object-fit:contain;padding:7px;border-radius:12px;opacity:.65;transition:opacity .3s ease,transform .3s ease;```}.product-gallery .product-thumbnails .col:hover img{``` opacity:1;transform:scale(1.04);```}.product-gallery .product-thumbnails .col.is-nav-selected a{``` border-color:#DF1D26;box-shadow:0 0 0 1px #DF1D26,0 0 15px rgba(223,29,38,.28),0 0 30px rgba(223,29,38,.10);```}.product-gallery .product-thumbnails .col.is-nav-selected img{``` opacity:1;```}.product-gallery .product-thumbnails .flickity-button{``` width:32px;height:32px;background:rgba(8,8,8,.95);border:1px solid rgba(223,29,38,.50);border-radius:50%;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;```}.product-gallery .product-thumbnails .flickity-button:hover{``` background:#DF1D26;border-color:#DF1D26;box-shadow:0 0 18px rgba(223,29,38,.35);```}.product-gallery .product-thumbnails .flickity-button-icon{``` width:13px;height:13px;fill:#fff;```}@media (max-width:767px){``` .product-gallery .product-images::before{top:8%;left:8%;right:8%;bottom:8%;filter:blur(40px);opacity:.18}.product-gallery .product-images::after{filter:blur(65px);opacity:.14}.product-gallery .woocommerce-product-gallery__wrapper{border-radius:19px;box-shadow:0 0 0 1px rgba(223,29,38,.12),0 0 20px rgba(223,29,38,.20),0 18px 45px rgba(0,0,0,.55)}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{min-height:360px;padding:15px}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{max-height:330px}.product-gallery .woocommerce-product-gallery__wrapper .flickity-button{width:36px;height:36px;opacity:1}.product-gallery .product-thumbnails .col{width:25%;padding:0 4px}.product-gallery .product-thumbnails .col a{border-radius:11px}.product-gallery .product-thumbnails .col img{padding:5px}.product-gallery .product-thumbnails .flickity-button{display:none}```}@media (max-width:480px){``` .product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{min-height:300px;padding:12px}.product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img{max-height:275px}}