/* =========================================================
   فونت اختصاصی «کلمه» — لایسنس وب/تجاری خریداری‌شده از fontiran.com
   ========================================================= */
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/kalameh/KalamehWeb-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* =========================================================
   SWAN GOLD — Design Tokens (لوکس مینیمال)
   ========================================================= */
:root {
    /* === پالت فیروزه‌ای (تست‌شده، فعلاً غیرفعال — برای فعال‌سازی مجدد جایگزین کنید) ===
    --sg-gold: #00A8A8;
    --sg-gold-rich: #008B8B;
    --sg-gold-light: #E6F7F7;
    --sg-gold-dark: #005F5F;
    --sg-ivory: #F4F9F9;
    --sg-champagne: #D9F2F2;
    --sg-border-light: #CCE6E6;
    */

    /* === پالت طلایی (فعال) === */
    --sg-gold: #C5A059;
    --sg-gold-rich: #B08B46;
    --sg-gold-light: #FAF4E6;
    --sg-gold-dark: #9E7B3B;
    /* متنِ ریزِ طلایی/خاکستری روی پس‌زمینه‌ی روشن — کنتراستِ ≥ ۴٫۵ (دسترس‌پذیری؛ تأیید کارفرما ۲۰۲۶-۱۰-۱۶) */
    --sg-gold-text: #86660F;
    --sg-muted-text: #6B6B6B;
    --sg-muted-warm: #6F6760;
    --sg-ivory: #EDE7DF;
    --sg-page-bg: #FFFFFF; /* پس‌زمینه‌ی کلی صفحه — سفیدِ ساده (انتخاب کارفرما، ۲۰۲۶-۰۹؛ قبلاً #F1F3F6) */
    --sg-black: #1A1A1A;
    --sg-champagne: #F2EEE9;
    --sg-white: #FFFFFF;
    --sg-border-light: #E8DFCE;

    /* توکن‌های تکمیلی جدید */
    --sg-text-body: #333333;
    --sg-text-muted: #767676;
    --sg-price-old: #C84B31;
    --sg-status-success-bg: #E6F4EA;
    --sg-status-success-text: #137333;
    --sg-status-error-bg: #FDF2F0;
    --sg-status-error-text: #C84B31;

    --sg-font-display: 'Kalameh', 'Vazirmatn', 'Cormorant Garamond', 'Georgia', serif;
    --sg-font-body: 'Kalameh', 'Vazirmatn', 'Jost', 'Helvetica Neue', sans-serif;

    --sg-space-xs: 0.5rem;
    --sg-space-sm: 1rem;
    --sg-space-md: 2rem;
    --sg-space-lg: 4rem;
    --sg-space-xl: 8rem;

    /* Glassmorphism — زبان بصری شیشه‌ای یکپارچه، مثل One UI / iOS */
    --sg-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(250, 244, 230, 0.6));
    --sg-glass-dark-bg: rgba(26, 26, 26, 0.75);
    --sg-glass-border: rgba(197, 160, 89, 0.25);
    --sg-glass-border-dark: rgba(255, 255, 255, 0.15);
    --sg-glass-blur: 14px;
    --sg-glass-shadow: 0 4px 20px rgba(120, 90, 20, 0.18);
}

/* =========================================================
   Base
   ========================================================= */
body {
    background-color: var(--sg-page-bg);
    color: var(--sg-black);
    font-family: var(--sg-font-body);
    font-weight: 300;
    letter-spacing: 0.02em;
}

h1, h2, h3, .site-title {
    font-family: var(--sg-font-display);
    font-weight: 700;
    letter-spacing: normal;
    color: var(--sg-black);
}

a {
    color: var(--sg-black);
    transition: color 0.25s ease;
}
a:hover { color: var(--sg-gold-dark); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; animation: none !important; }
}

/* =========================================================
   Header — شیشه‌ای نقره‌ای/آبی کم‌رنگ، یکپارچه از بالای برند تا زیر منو
   ========================================================= */
.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: var(--sg-white);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    padding: 0;
    border-bottom: 1px solid var(--sg-glass-border);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045);
}
.site-header .site-branding {
    padding: 0.5rem 0 0.3rem;
}
.site-header .site-title a {
    color: var(--sg-black) !important;
}
.site-header .site-description {
    color: #555;
}
/* جستجو — پیش‌فرض مخفیه، با کلیک روی آیکون به‌صورت یه پنجره وسط صفحه باز می‌شه (بدون پس‌زمینه تیره) */
.site-header .site-search input[type="search"] {
    background: var(--sg-glass-bg);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border: 1px solid var(--sg-glass-border);
    border-radius: 10px;
    padding: 0.6rem 1rem;
}
.sg-search-toggle {
    background: transparent;
    border: none;
    color: var(--sg-black);
    cursor: pointer;
    padding: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}
.sg-search-toggle:hover { color: var(--sg-gold-dark); }

/* ردیف مشترک: جستجو + حساب کاربری + سبد خرید — همیشه یه‌خط، بدون افتادن زیر هم */

.site-branding img { max-height: 40px; }

/* ردیف منوی اصلی (خانه/فروشگاه + سبد خرید) — همون شیشه، بدون خط جداکننده، برای یکپارچگی کامل */
.storefront-primary-navigation,
.site-header .main-navigation {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.storefront-primary-navigation .main-navigation ul li a,
.storefront-handheld-footer-bar,
.site-header .main-navigation ul li a {
    color: var(--sg-black) !important;
    font-weight: 500;
}
.storefront-primary-navigation .main-navigation ul li a:hover,
.site-header .main-navigation ul li a:hover {
    color: var(--sg-gold-dark) !important;
}

/* سبد خرید — باکس طلایی موی‌محو شیشه‌ای، دقیقاً هم‌سایز باکس ورود/ثبت‌نام */
.site-header-cart {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.storefront-primary-navigation .site-header-cart .cart-contents {
    display: inline-flex;
    align-items: center;
    background: rgba(201, 168, 140, 0.3) !important;
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border: 1px solid rgba(201, 168, 140, 0.5) !important;
    border-radius: 2px;
    box-shadow: var(--sg-glass-shadow);
    padding: 0.45rem 0.9rem !important;
}
/* حذف هر آیکون سبد (svg، img، فونت‌آیکون) هرجای داخل باکس سبد خرید باشه، و شمارش «X مورد» */
.site-header-cart svg,
.site-header-cart img,
.site-header-cart i,
.site-header-cart .count,
.storefront-primary-navigation .site-header-cart .cart-contents svg,
.storefront-primary-navigation .site-header-cart .cart-contents img,
.storefront-primary-navigation .site-header-cart .cart-contents i,
.storefront-primary-navigation .site-header-cart .cart-contents .count {
    display: none !important;
}
.storefront-primary-navigation a.cart-contents {
    color: var(--sg-black) !important;
    font-size: 0.82rem;
    white-space: nowrap;
}
.storefront-primary-navigation a.cart-contents::before {
    content: "سبد خرید ";
}
.storefront-primary-navigation a.cart-contents .amount {
    color: var(--sg-black) !important;
    font-family: var(--sg-font-body);
    font-weight: 500;
}

/* باکس حساب کاربری — دقیقاً برعکس سبد خرید: قاب شیشه‌ای تیره (مثل نوار قیمت)، متن روشن */

/* نوار قیمت لحظه‌ای طلا — دقیقاً روی مرز بین هدر و محتوای اصلی، جدا از هردو */
.sg-rate-ticker {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(var(--sg-vw, 100vw) / -2);
    margin-right: calc(var(--sg-vw, 100vw) / -2);
    margin-top: 0;
    margin-bottom: 0;
    width: var(--sg-vw, 100vw);
    background: #FFFFFF;
    border-top: none;
    border-bottom: 1px solid #C5A059;
    color: #222222;
    text-align: center;
    padding: 0.4rem 1rem;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}
.sg-rate-ticker strong {
    color: #C5A059;
    font-family: var(--sg-font-display);
    font-weight: 700;
}
.sg-rate-ticker__icon {
    color: #C5A059;
    vertical-align: -2px;
    margin-left: 3px;
}
.sg-rate-ticker__sep {
    margin: 0 1.6rem;
    opacity: 0.4;
}
.sg-trend {
    font-size: 0.7em;
}
.sg-trend--up {
    color: #4CAF50;
}
.sg-trend--down {
    color: #E53935;
}
/* درخشش کوتاه هنگام تغییر زنده‌ی نرخ (بدون رفرش) */
@keyframes sgRateFlash {
    0%   { background: rgba(197, 160, 89, 0.35); }
    100% { background: transparent; }
}
.sg-rate-flash {
    animation: sgRateFlash 0.8s ease;
    border-radius: 4px;
    padding: 0 2px;
}

/* =========================================================
   Hero Slider — فقط عکس، بدون متن روی تصویر
   ========================================================= */
.sg-hero-slider {
    position: relative;
    min-height: calc(100vh - var(--sg-header-height, 200px) - var(--sg-space-md) - 1.5rem);
    overflow: hidden;
    margin: var(--sg-space-md) auto 0;
    max-width: 1700px;
    padding: 0 var(--sg-space-md);
    box-sizing: border-box;
}
.sg-hero-slider__track {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - var(--sg-header-height, 200px) - var(--sg-space-md) - 1.5rem);
    box-shadow: 0 12px 40px rgba(31, 38, 45, 0.12);
    border-radius: 4px;
    overflow: hidden;
}
.sg-hero-slider__slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease;
}
.sg-hero-slider__slide.is-active {
    opacity: 1;
}
.sg-hero-slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.75);
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 1rem;
    color: var(--sg-black);
    cursor: pointer;
    z-index: 3;
    transition: background 0.25s ease;
}
.sg-hero-slider__arrow:hover { background: var(--sg-white); }
.sg-hero-slider__arrow--prev { right: 1.2rem; }
.sg-hero-slider__arrow--next { left: 1.2rem; }
.sg-hero-slider__dots {
    position: absolute;
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 3;
}
.sg-hero-slider__dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid var(--sg-white);
    background: rgba(255,255,255,0.4);
    padding: 0;
    cursor: pointer;
    transition: background 0.25s ease;
}
.sg-hero-slider__dot.is-active { background: var(--sg-white); }

/* دکمه ورود به فروشگاه، زیر اسلایدر */
.sg-hero-cta {
    text-align: center;
    padding: var(--sg-space-md) 0;
    background: transparent;
}
.sg-btn-round {
    display: inline-block;
    background: var(--sg-glass-bg);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border: 1px solid var(--sg-glass-border);
    color: var(--sg-black);
    padding: 0.9rem 2.6rem;
    border-radius: 8px;
    font-family: var(--sg-font-body);
    font-weight: 500;
    letter-spacing: 0.03em;
    font-size: 0.9rem;
    box-shadow: var(--sg-glass-shadow);
    transition: all 0.3s ease;
}
.sg-btn-round:hover {
    background: linear-gradient(135deg, rgba(197, 160, 89, 0.65), rgba(197, 160, 89, 0.55));
    color: var(--sg-black);
    box-shadow: 0 6px 24px rgba(120, 90, 20, 0.28);
}

/* =========================================================
   Divider — خط شیشه‌ای ظریف با درخشش طلایی وسط، جای‌گزین آیکون تکراری قو
   ========================================================= */
.sg-divider-glass {
    position: relative;
    max-width: 1700px;
    margin: var(--sg-space-lg) auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.35) 20%, rgba(197, 160, 89, 0.35) 80%, transparent);
}
.sg-divider-glass::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 3px;
    border-radius: 2px;
    background: radial-gradient(ellipse at center, rgba(197, 160, 89, 0.9), rgba(197, 160, 89, 0));
    box-shadow: 0 0 16px 2px rgba(197, 160, 89, 0.5);
}

/* =========================================================
   Discount section — تخفیف‌های طلایی
   ========================================================= */
.sg-discount-section {
    max-width: 1700px;
    margin: 0 auto;
    padding: var(--sg-space-lg) var(--sg-space-md);
}
.sg-discount-section__title {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    margin-bottom: var(--sg-space-md);
    color: var(--sg-gold-dark);
    font-size: clamp(1.05rem, 4vw, 1.5rem);
    white-space: nowrap;
}
.sg-discount-section__icon {
    display: inline-block !important;
    width: clamp(36px, 8vw, 60px) !important;
    height: clamp(36px, 8vw, 60px) !important;
    max-width: 60px !important;
    max-height: 60px !important;
    object-fit: contain !important;
    vertical-align: middle;
    flex-shrink: 0 !important;
}

/* =========================================================
   بخش‌های برجسته: ترند / پرفروش / پربازدید
   ۱ ستون اسلایدر + ۲ ستون شبکه ۴تایی محصول
   ========================================================= */
.sg-highlight-section {
    max-width: 1700px;
    margin: 0 auto var(--sg-space-lg);
    padding: var(--sg-space-lg) var(--sg-space-md);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border: 1px solid var(--sg-glass-border);
    box-shadow: var(--sg-glass-shadow);
}
.sg-highlight-section__row {
    display: flex;
    gap: var(--sg-space-lg);
    align-items: center;
}
.sg-highlight-section--left .sg-highlight-section__row {
    flex-direction: row-reverse;
}
.sg-mini-slider {
    flex: 0 0 33%;
    aspect-ratio: 1 / 1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.sg-mini-slider__track {
    position: relative;
    width: 100%;
    height: 100%;
}
.sg-mini-slider__slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.9s ease;
    display: block;
}
.sg-mini-slider__slide.is-active {
    opacity: 1;
}
.sg-mini-slider__caption {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1.4rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.15) 70%, transparent);
}
.sg-mini-slider__name {
    font-family: var(--sg-font-display);
    font-size: 1rem;
    color: #EDE6D6;
}
.sg-mini-slider__price {
    font-family: var(--sg-font-body);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--sg-gold-dark);
}
.sg-mini-slider__dots {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.4rem;
    z-index: 3;
}
.sg-mini-slider__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid var(--sg-white);
    background: rgba(255,255,255,0.4);
    padding: 0;
    cursor: pointer;
}
.sg-mini-slider__dot.is-active {
    background: var(--sg-white);
}
.sg-highlight-section__grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--sg-space-md) * 0.85);
}
.sg-highlight-section__grid ul.products {
    display: contents !important;
}
/* رفع سرریز: کارت‌ها اینجا باید با عرض ستون گرید هماهنگ بشن، نه سایز ثابت ۳۰۰px بقیه سایت */
.sg-highlight-section__grid li.product {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: calc(var(--sg-space-md) * 0.85) !important;
}
.sg-highlight-section__grid li.product img {
    aspect-ratio: 1 / 1;
}
.sg-highlight-section__grid li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
}
.sg-highlight-section__grid li.product .price {
    font-size: 1.05rem !important;
    padding: 0.35rem 0.8rem !important;
}
@media (max-width: 900px) {
    .sg-highlight-section__row,
    .sg-highlight-section--left .sg-highlight-section__row {
        flex-direction: column;
    }
    .sg-mini-slider { flex-basis: auto; }
}
@media (max-width: 500px) {
    .sg-highlight-section__grid { grid-template-columns: 1fr 1fr; }
}

/* =========================================================
   کاروسل افقی — یک ردیف، اسکرول چپ‌راست (مثل ردیف‌های دیجی‌کالا)
   برای تخفیف‌های طلایی و پربازدیدترین‌ها
   ========================================================= */
.sg-carousel-row {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}
.sg-carousel-row ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--sg-space-md) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0.2rem !important;
    justify-content: flex-start !important;
}
.sg-carousel-row ul.products li.product {
    flex: 0 0 266px !important;
    width: 266px !important;
    max-width: 266px !important;
    scroll-snap-align: start;
}
/* اسکرول‌بار ظریف و شیک، هماهنگ با رنگ‌بندی سایت */
.sg-carousel-row::-webkit-scrollbar {
    height: 6px;
}
.sg-carousel-row::-webkit-scrollbar-thumb {
    background: var(--sg-gold-rich);
    border-radius: 10px;
}
.sg-carousel-row::-webkit-scrollbar-track {
    background: var(--sg-champagne);
    border-radius: 10px;
}
@media (max-width: 600px) {
    .sg-carousel-row ul.products li.product {
        flex-basis: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
    }
}

/* =========================================================
   Category grid
   ========================================================= */
/* شبکه‌ی دسته‌بندی — کارت‌های هم‌اندازه، ریسپانسیو، بدون اسکرول افقی.
   موبایل ۲ ستون، تبلت ۳، دسکتاپ تا ۶ — با auto-fit خودکار پر می‌شه.
   کل کارت لینک است، پس کلیک روی هر جای کارت کاربر رو به صفحه‌ی دسته می‌بره. */
.sg-categories {
    max-width: 980px;
    margin: 0 auto;
    padding: var(--sg-space-md);
    display: grid;
    grid-template-columns: repeat(3, 1fr);   /* دسکتاپ: دقیقاً ۳ در هر ردیف */
    gap: 16px;
    justify-content: center;
}
.sg-category-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;                 /* محتوا وسطِ کارتِ مربعی */
    aspect-ratio: 1 / 1;                      /* کارت ۱:۱ */
    gap: 0.9rem;
    text-decoration: none;
    background: var(--sg-white);
    border: 1px solid var(--sg-border-light);
    border-radius: 16px;
    padding: 1rem 0.7rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.sg-category-card:hover {
    border-color: var(--sg-gold);
    box-shadow: 0 8px 22px rgba(197, 160, 89, 0.16);
    transform: translateY(-2px);
}
.sg-category-card__icon {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--sg-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sg-category-card__icon img {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 !important;
}
.sg-category-card__name {
    font-family: var(--sg-font-display);
    font-size: 1.05rem;
    color: var(--sg-text-body);
    text-align: center;
    line-height: 1.5;
}

/* کارتِ تصویری — عکس تمامِ قاب را پر می‌کند (عنوانِ دسته داخلِ خودِ عکس طراحی شده).
   بدونِ هیچ overlay/گرادیانت؛ فقط روی هاورِ دسکتاپ یک زومِ ملایم. */
.sg-category-card--photo {
    padding: 0 !important;
    overflow: hidden;
    position: relative;
    background: var(--sg-gold-light);
}
.sg-category-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
@media (hover: hover) {
    .sg-category-card--photo:hover .sg-category-card__img { transform: scale(1.05); }
}

@media (max-width: 599px) {
    /* بخشِ دسته‌بندی روی موبایل تمام‌عرض و متقارن (۵px تا هر لبه).
       سلکتورِ دو-کلاسه تا قانونِ !importantِ قالب (پدینگِ ۱rem) را بشکند و full-bleed متقارن بماند.
       (سرریزِ افقی را خودِ قالب با body{overflow-x:hidden} می‌بندد) */
    .sg-categories-preview.sg-categories-preview {
        width: var(--sg-vw, 100vw) !important;
        max-width: var(--sg-vw, 100vw) !important;
        margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        box-sizing: border-box !important;
    }
    .sg-categories {
        grid-template-columns: repeat(2, 1fr);   /* موبایل: دقیقاً ۲ در هر ردیف */
        gap: 8px;
        max-width: none;
        padding: var(--sg-space-md) 0;
    }
    .sg-category-card { padding: 0.7rem 0.4rem; gap: 0.6rem; }
    .sg-category-card__icon { width: 62px; height: 62px; }
    .sg-category-card__icon img { width: 40px !important; height: 40px !important; max-width: 40px !important; max-height: 40px !important; }
    .sg-category-card__name { font-size: 0.9rem; }
}

/* =========================================================
   Full-width shop pages (no sidebar — see functions.php)
   ========================================================= */
.woocommerce-page .content-area,
.woocommerce-page .col-full,
.woocommerce-page #primary.content-area {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
}
.woocommerce-page .sidebar,
.woocommerce-page #secondary {
    display: none !important;
}

/* Featured / latest products section on the front page */
/* عرض ۱۵۰۰ تا با صفحه‌ی تک‌محصول هم‌تراز باشه — قبلاً ۱۲۰۰ بود که
   نسبت به بقیه‌ی سایت (۱۷۰۰) بی‌دلیل تنگ به نظر می‌رسید */
.sg-featured {
    max-width: 1500px;
    margin: 0 auto var(--sg-space-lg);
}

/* پیش‌نمایش دسته‌بندی توی صفحه اصلی (فقط چندتا + دکمه مشاهده همه) */
.sg-categories-preview {
    max-width: 1700px;
    margin: 0 auto;
    padding: var(--sg-space-lg) var(--sg-space-md) var(--sg-space-md);
    text-align: center;
}
.sg-categories-preview__cta {
    margin-top: var(--sg-space-md);
}

/* =========================================================
   صفحه مجزای «همه دسته‌بندی‌ها» — لیست شیک، آیکون کوچیک کنار اسم
   ========================================================= */
.sg-categories-page {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--sg-space-lg) var(--sg-space-md);
}
.sg-categories-page__title {
    text-align: center;
    margin-bottom: 0.4rem;
}
.sg-categories-page__subtitle {
    text-align: center;
    color: #666;
    margin-bottom: var(--sg-space-lg);
}
.sg-categories-list {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.sg-categories-list__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.2rem;
    background: var(--sg-white);
    border: 1px solid var(--sg-champagne);
    border-radius: 12px;
    transition: all 0.25s ease;
}
.sg-categories-list__item:hover {
    background: var(--sg-glass-bg);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border-color: var(--sg-glass-border);
    box-shadow: var(--sg-glass-shadow);
    transform: translateX(-4px);
}
.sg-categories-list__iconwrap {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--sg-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sg-categories-list__iconwrap img,
.sg-categories-list__icon {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.sg-categories-list__name {
    font-family: var(--sg-font-display);
    font-size: 1.1rem;
    color: var(--sg-black);
    flex-grow: 1;
}
.sg-categories-list__count {
    font-size: 0.78rem;
    color: #888;
    white-space: nowrap;
}

/* =========================================================
   Product grid (WooCommerce overrides) - نسخه Grid (جایگزین کامل flex قدیمی)
   ========================================================= */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--sg-space-md) !important;
    max-width: 1700px;
    margin: 0 auto !important;
    padding: var(--sg-space-lg) var(--sg-space-md) !important;
    list-style: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
    background: var(--sg-white) !important;
    padding: var(--sg-space-md);
    text-align: center;
    box-shadow: 0 6px 20px rgba(31, 38, 45, 0.09) !important;
    border: 1px solid var(--sg-champagne) !important;
    display: flex !important;
    flex-direction: column;
    position: relative; /* برای جایگیری درست بج تخفیف */
    transition: box-shadow 0.25s ease;
    /* گرید خودش عرض رو مدیریت می‌کنه، دیگه نیازی به محاسبه دستی نیست */
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}
@media (max-width: 820px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 500px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        grid-template-columns: 1fr !important;
    }
}
.woocommerce ul.products li.product:hover,
ul.products li.product:hover {
    box-shadow: 0 10px 28px rgba(31, 38, 45, 0.13) !important;
}
ul.products li.product img {
    border-radius: 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    background: var(--sg-white);
    width: 100%;
}
ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem;
    margin: 0.8rem 0 0.4rem;
    min-height: 2.6em; /* عنوان‌های دو خطی هم‌تراز بمونن */
}
ul.products li.product .price {
    display: inline-flex;
    flex-direction: column;
    color: var(--sg-gold-dark);
    font-family: var(--sg-font-display);
    font-size: 1.35rem;
    white-space: nowrap;
    margin-bottom: 0.8rem;
    background: transparent;
    border: none;
    padding: 0;
}
ul.products li.product .price bdi {
    unicode-bidi: plaintext;
    white-space: nowrap;
}
ul.products li.product .price del,
ul.products li.product .price ins {
    display: block; /* قیمت قدیم و جدید هرکدوم توی خط خودشون، مرتب زیر هم */
}

/* Sale price everywhere (shop grid + single product) */
.price del {
    color: #C0392B !important;
    font-size: 0.85em;
    opacity: 0.85;
    margin-left: 0.5rem;
    text-decoration: line-through;
    text-decoration-color: #C0392B;
    text-decoration-thickness: 1.5px;
    white-space: nowrap;
}
.price del .woocommerce-Price-currencySymbol {
    display: none;
}
.price ins {
    text-decoration: none;
    color: var(--sg-gold-dark);
    white-space: nowrap;
}
.price bdi,
.woocommerce-Price-amount bdi {
    unicode-bidi: plaintext;
    white-space: nowrap;
}

/* فاصله بین عدد و واحد پول (تومان) */
.woocommerce-Price-currencySymbol {
    margin-right: 0.3em;
    font-size: 0.85em;
}

/* Add-to-cart button — both in shop grid loop and single product — شیشه‌ای تیره با حاشیه طلایی */
.woocommerce ul.products li.product .button,
.single-product .single_add_to_cart_button,
.woocommerce a.added_to_cart.wc-forward,
.woocommerce .added_to_cart.wc-forward {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    border: 1px solid var(--sg-glass-border-dark) !important;
    outline: 1px solid rgba(197, 160, 89, 0.5);
    outline-offset: -2px;
    background: var(--sg-glass-dark-bg) !important;
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    color: var(--sg-white) !important;
    padding: 0.8rem 1rem !important;
    font-family: var(--sg-font-body);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.72rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    text-align: center;
}
.woocommerce ul.products li.product .button {
    margin-top: auto !important; /* دکمه اصلی همیشه ته کارت بچسبه */
}
.woocommerce a.added_to_cart.wc-forward {
    margin-top: 0.6rem !important; /* دکمه «مشاهده سبد خرید» فاصله از دکمه بالاش داشته باشه */
}
.woocommerce ul.products li.product .button:hover,
.single-product .single_add_to_cart_button:hover,
.woocommerce a.added_to_cart.wc-forward:hover {
    background: rgba(197, 160, 89, 0.55) !important;
    color: var(--sg-black) !important;
    outline-color: var(--sg-black);
}

/* =========================================================
   دکمه‌های عمومی ووکامرس در همه‌جای سایت — همون زبان شیشه‌ای تیره
   (سبد خرید: به‌روزرسانی/اعمال کد تخفیف/ادامه فرآیند خرید،
   پرداخت: ثبت سفارش، حساب کاربری: ورود/ثبت‌نام/ذخیره تغییرات)
   ========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce-cart .button,
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart a.checkout-button,
.woocommerce a.checkout-button.button.alt,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce button[name="update_cart"],
.woocommerce button[name="apply_coupon"],
.woocommerce-checkout #payment #place_order,
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-form-coupon .button,
.woocommerce-MyAccount-content .button,
/* نسخه بلوکی جدید سبد خرید/پرداخت ووکامرس (اگه سایت از این نسخه استفاده کنه) */
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-cart__submit-container a,
.wc-block-components-button,
.wc-block-cart-item__wp-block-button a,
a.wc-block-components-button,
.wp-block-button__link {
    border: 1px solid var(--sg-glass-border-dark) !important;
    outline: 1px solid rgba(197, 160, 89, 0.5);
    outline-offset: -2px;
    background: var(--sg-glass-dark-bg) !important;
    background-color: rgba(20, 16, 8, 0.55) !important;
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    color: var(--sg-white) !important;
    padding: 0.75rem 1.4rem !important;
    font-family: var(--sg-font-body);
    letter-spacing: 0.04em;
    font-size: 0.85rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover,
.woocommerce a.checkout-button.button.alt:hover,
.wp-block-woocommerce-proceed-to-checkout-block a:hover,
.wc-block-components-button:hover {
    background: rgba(197, 160, 89, 0.55) !important;
    background-color: rgba(197, 160, 89, 0.55) !important;
    color: var(--sg-black) !important;
    outline-color: var(--sg-black);
}
/* دکمه غیرفعال (مثلاً وقتی سبد خالیه) کم‌رنگ‌تر دیده بشه */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Gold live price badge (used by swan-gold-price plugin) */
.sg-live-price {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: #777;
    margin-top: 0.3rem;
}
.sg-live-price::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--sg-gold);
    display: inline-block;
}

/* =========================================================
   Single Product Page
   ========================================================= */
.single-product div.product {
    max-width: 1500px !important;
    margin: var(--sg-space-lg) auto !important;
    padding: 0 var(--sg-space-md) !important;
    display: grid !important;
    grid-template-columns: 1.3fr 1fr !important;
    gap: var(--sg-space-lg) !important;
    align-items: start !important;
}

/* Gallery */
.woocommerce-product-gallery {
    background: var(--sg-white) !important;
    position: relative;
    padding: 12px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid var(--sg-champagne) !important;
    box-sizing: border-box !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
    border-radius: 10px !important;
    object-fit: cover;
}
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    list-style: none !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
    border-radius: 8px !important;
    border: 2px solid var(--sg-champagne) !important;
    transition: all 0.2s ease !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: var(--sg-gold-dark) !important;
}

/* Title & price */
.single-product .product_title {
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    margin-bottom: var(--sg-space-xs);
}
.single-product p.price {
    display: inline-flex;
    flex-direction: column;
    font-family: var(--sg-font-display);
    font-size: 1.6rem;
    color: var(--sg-gold-dark);
    margin-bottom: 0.3rem;
    background: transparent;
    border: none;
    padding: 0;
}

/* Sale / discount styling */
.sg-discount-badge {
    color: var(--sg-white) !important;
    background: #C5A059;
    padding: 0.15rem 0.6rem;
    border-radius: 2px;
    font-size: 0.75rem;
}
/* بج تخفیف و ارسال سریع: تعریف نهایی و یکپارچه، انتهای فایل (بخش «برچسب‌های کارت محصول») */

/* ==========================================
   ۱. دکمه اقساط (کادر طلایی مات، زمینه سفید، نوشته مشکی/طلایی)
   ========================================== */
.sg-installment-btn {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 44px !important;
    background-color: #FFFFFF !important;
    border: 1.5px solid #C5A059 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}
.sg-installment-btn .sg-installment-btn__label {
    background-color: transparent !important;
    color: #C5A059 !important;
    font-weight: bold !important;
    padding: 0 clamp(4px, 2vw, 14px) !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-left: 1px solid #E8DFCE !important;
    transition: color 0.3s ease !important;
    font-size: clamp(0.6rem, 2.4vw, 0.9rem) !important;
}
.sg-installment-btn .sg-installment-btn__amount {
    background-color: transparent !important;
    color: #222222 !important;
    font-weight: bold !important;
    padding: 0 clamp(4px, 2vw, 14px) !important;
    height: 100% !important;
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2px, 1vw, 4px) !important;
    white-space: nowrap !important;
    transition: color 0.3s ease !important;
    font-size: clamp(0.6rem, 2.4vw, 0.85rem) !important;
    overflow: hidden !important;
}
.sg-installment-btn .sg-installment-btn__number,
.sg-installment-btn .sg-installment-btn__unit {
    display: inline !important;
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.sg-installment-btn:hover {
    background-color: #FAF4E6 !important;
    border-color: #B59049 !important;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.2) !important;
}
.sg-installment-btn:hover .sg-installment-btn__label {
    color: #9E7B3B !important;
}
.sg-installment-btn:hover .sg-installment-btn__amount {
    color: #1A1A1A !important;
}

/* پیام «به سبد خرید اضافه شد» + دکمه «مشاهده سبد خرید» — همون زبان شیشه‌ای دورنگ */
/* استایل پیام موفقیت ووکامرس: تعریف نهایی در بخش «توست شناور» انتهای فایل */

/* Product gallery zoom cursor hint */
.woocommerce-product-gallery__image { cursor: zoom-in; }

/* Karat / SKU / live-rate meta line under price */
.sg-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    padding: 0.8rem 0;
    margin-bottom: var(--sg-space-sm);
    border-top: 1px solid var(--sg-champagne);
    border-bottom: 1px solid var(--sg-champagne);
    font-size: 0.85rem;
    color: #555;
}
.sg-meta-item { white-space: nowrap; }

/* Add to cart button, quantity input */
.single-product .cart .qty {
    border: 1px solid var(--sg-champagne);
    padding: 0.7rem;
    text-align: center;
    width: 70px;
    font-family: var(--sg-font-body);
}
.single-product .single_add_to_cart_button {
    display: inline-block;
    border: 1px solid #2B2420 !important;
    background: #2B2420 !important;
    color: #C5A059 !important;
    padding: 0.9rem 2.4rem !important;
    font-family: var(--sg-font-body);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}
.single-product .single_add_to_cart_button:hover {
    background: #C5A059 !important;
    color: #1A1A1A !important;
    border-color: #C5A059 !important;
}

/* Product short description spacing */
.single-product .woocommerce-product-details__short-description {
    margin: var(--sg-space-sm) 0;
    color: #444;
    line-height: 1.8;
}

/* Tabs (description, reviews) — keep minimal */
.woocommerce-tabs ul.tabs li {
    font-family: var(--sg-font-display);
    font-size: 1.05rem;
}

/* =========================================================
   Footer
   ========================================================= */
.sg-footer {
    background: #2B2420;
    color: var(--sg-champagne);
    text-align: center;
    padding: 1.4rem var(--sg-space-md) 1rem;
}
.sg-footer__brand {
    font-family: var(--sg-font-display);
    font-size: 1.3rem;
    color: var(--sg-white);
    margin-bottom: var(--sg-space-sm);
}
.sg-footer__links {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: var(--sg-space-sm);
    font-size: 0.85rem;
}
.sg-footer__links a {
    color: var(--sg-champagne);
}
.sg-footer__links a:hover { color: var(--sg-gold); }
.sg-footer__copy {
    font-size: 0.72rem;
    opacity: 0.6;
}

/* نوارِ نمادها و مجوزها (اینماد/ساماندهی) — بالای نوارِ کپی‌رایت */
.sg-footer__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: #2B2420;
    padding: 1.4rem var(--sg-space-md);
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.sg-footer__badges .sg-badge {
    background: #fff;
    border-radius: 10px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sg-footer__badges .sg-badge img {
    max-height: 78px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    cursor: pointer;
}

/* =========================================================
   Mobile
   ========================================================= */
@media (max-width: 768px) {
    .sg-hero-slider,
    .sg-hero-slider__track {
        min-height: 45vh;
    }
    .sg-hero-slider__arrow {
        width: 34px;
        height: 34px;
        font-size: 0.8rem;
    }
    .sg-categories { justify-content: flex-start; }
    .single-product div.product {
        grid-template-columns: 1fr;
    }
}

/* Visible keyboard focus */
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 2px solid var(--sg-gold-dark);
    outline-offset: 2px;
}

/* =========================================================
   قانون نهایی و قطعی کاروسل افقی — عمداً آخر فایل، تا مطمئن باشیم
   هیچ قانون دیگه‌ای (با اولویت یکسان) رو نمی‌تونه بی‌اثر کنه
   ========================================================= */
.sg-carousel-row {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
}
.sg-carousel-row ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}
.sg-carousel-row ul.products li.product {
    display: flex !important;
    flex: 0 0 266px !important;
    width: 266px !important;
    max-width: 266px !important;
    min-width: 266px !important;
    white-space: normal !important;
}
.sg-carousel-row ul.products li.product .woocommerce-loop-product__title {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: 2.6em;
}
.sg-carousel-row ul.products li.product .price,
.sg-carousel-row ul.products li.product .button {
    white-space: normal !important;
}
@media (max-width: 600px) {
    .sg-carousel-row ul.products li.product {
        flex: 0 0 200px !important;
        width: 200px !important;
        max-width: 200px !important;
        min-width: 200px !important;
    }
}

/* =========================================================
   قانون نهایی و قطعی چیدمان اسلایدر+شبکه (ترند/پرفروش/پربازدید)
   عمداً آخر فایل، تا هیچ قانون دیگه‌ای (با اولویت یکسان) بی‌اثرش نکنه
   ========================================================= */
.sg-highlight-section__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: var(--sg-space-md) !important;
    align-items: flex-start !important;
}
.sg-mini-slider {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    aspect-ratio: 1 / 1 !important;
}
.sg-highlight-section__grid {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.7rem !important;
}
.sg-highlight-section__grid ul.products {
    display: contents !important;
}
/* رفع ریشه‌ای: خود شورت‌کد ووکامرس یه لایه اضافی div.woocommerce دور لیست می‌ذاره
   که خودش یه‌تنه کل گرید رو می‌گرفت. این لایه رو هم شفاف (contents) می‌کنیم */
.sg-highlight-section__grid > div.woocommerce,
.sg-carousel-row div.woocommerce {
    display: contents !important;
}
.sg-highlight-section__grid li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0.6rem !important;
    box-sizing: border-box !important;
}
.sg-highlight-section__grid li.product .woocommerce-loop-product__title {
    font-size: 0.8rem !important;
    min-height: auto !important;
    margin: 0.4rem 0 0.2rem !important;
}
.sg-highlight-section__grid li.product .price {
    font-size: 0.85rem !important;
    padding: 0.2rem 0.5rem !important;
}
.sg-highlight-section__grid li.product .button {
    font-size: 0.6rem !important;
    padding: 0.5rem 0.3rem !important;
}
@media (max-width: 720px) {
    .sg-highlight-section__row {
        flex-wrap: wrap !important;
    }
    .sg-mini-slider {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .sg-highlight-section__grid {
        flex-basis: 100% !important;
    }
}

/* کاروسل‌ها: اسکرول‌بار مخفی + چرخش خودکار واقعی (به‌جای اسکرول دستی) */
.sg-carousel-row {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overflow: hidden !important;
}
.sg-carousel-row::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
}

/* چرخش خودکار با جاوااسکریپت انجام می‌شه (transform هر فریم مستقیم ست می‌شه) */
.sg-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    will-change: transform;
    touch-action: pan-y; /* اسکرولِ عمودیِ صفحه آزاد، کشیدنِ افقی دستِ JS (درگِ موبایل) */
}
/* ردیف‌ها حالا اسکرولِ نیتیو دارن (درگِ JS حذف شد) — pan-y کشیدنِ افقی با انگشت رو قفل می‌کرد */
.sg-carousel-row,
.sg-carousel-row * {
    touch-action: pan-x pan-y;
}
/* جلوگیری از «کشیدنِ نیتیوِ عکس» (دسکتاپ) که با درگ تداخل داشت */
.sg-carousel-row img {
    -webkit-user-drag: none;
    user-select: none;
}

/* دکمه‌های چپ/راستِ کاروسل — کنترلِ دستیِ مطمئن.
   دکمه‌ها داخلِ .sg-carousel-viewport (بدونِ برش) نشسته‌ان، نه داخلِ خودِ ردیفِ
   overflow:hidden، تا بریده نشن. */
.sg-carousel-viewport { position: relative; }
.sg-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
    width: 40px;
    height: 40px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--sg-glass-border);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.72);
    color: var(--sg-gold-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(31, 38, 45, 0.12);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    touch-action: manipulation;
}
.sg-carousel-nav:hover {
    background: var(--sg-gold);
    color: #fff;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.32);
}
.sg-carousel-nav:active { transform: translateY(-50%) scale(0.93); }
.sg-carousel-nav--prev { right: 8px; }
.sg-carousel-nav--next { left: 8px; }
@media (max-width: 767px) {
    .sg-carousel-nav { width: 36px; height: 36px; }
    .sg-carousel-nav--prev { right: 6px; }
    .sg-carousel-nav--next { left: 6px; }
}

/* =========================================================
   لینکِ «نرخ زنده» در هدر + صفحه‌ی تابلو نرخ
   ========================================================= */
/* لینکِ «نرخ زنده» داخلِ منوی دسکتاپ — چراغِ قرمزِ چشمک‌زن جلوی متن (RTL: سمتِ راست) */
.sg-rate-navlink {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.sg-rate-navlink .sg-rate-link__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #E5322D;
    flex-shrink: 0;
    animation: sgLivePulse 1.7s ease-out infinite;
}

/* آیکونِ موبایل، کنارِ همبرگر — با چراغِ چشمک‌زن روی گوشه‌اش */
.sg-rate-link--mobile {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-inline-start: 8px;
    line-height: 0;
}
.sg-rate-link--mobile .sg-rate-link__icon { display: inline-flex; }
.sg-rate-link--mobile .sg-rate-link__dot {
    position: absolute;
    top: -2px;
    inset-inline-end: -3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #E5322D;
    border: 1.5px solid #2B2420;
    animation: sgLiveBlink 1.3s ease-in-out infinite;
}
@keyframes sgLivePulse {
    0%   { box-shadow: 0 0 0 0 rgba(229, 50, 45, 0.55); opacity: 1; }
    50%  { opacity: 0.3; }
    70%  { box-shadow: 0 0 0 7px rgba(229, 50, 45, 0); }
    100% { box-shadow: 0 0 0 0 rgba(229, 50, 45, 0); opacity: 1; }
}
@keyframes sgLiveBlink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.35; }
}
@media (max-width: 990px) {
    .sg-rate-link--mobile { display: inline-flex; }
    .sg-rate-menu-item { display: none; }
}
@media (min-width: 991px) {
    .sg-rate-link--mobile { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .sg-rate-link__dot, .sg-rate-link__icon, .sg-rateboard__live { animation: none !important; }
}

.sg-rateboard {
    max-width: 720px;
    margin: 0 auto 2rem;
    padding: 26px 24px 28px;
    background: var(--sg-white);
    border: 1px solid var(--sg-glass-border);
    border-radius: 18px;
    box-shadow: 0 10px 34px rgba(31, 38, 45, 0.08);
}
@media (max-width: 600px) {
    /* روی موبایل قاب عریض‌تر بشه: فقط col-full یه پدینگِ کوچک، بقیه‌ی کانتینرها صفر
       (تا روی هم جمع نشن)، و مارجینِ col-full هم صفر */
    html body.sg-rates-page .col-full {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    html body.sg-rates-page .site-main,
    html body.sg-rates-page #primary,
    html body.sg-rates-page .content-area,
    html body.sg-rates-page article.page,
    html body.sg-rates-page .entry-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }
    .sg-rateboard { padding: 18px 13px 20px; border-radius: 14px; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
    .sg-rateboard__title { font-size: 1.45rem; }
    .sg-rate-group__title { font-size: 1rem; }
    .sg-rate-row { padding: 12px 4px; gap: 8px; }
    .sg-rate-row__name { font-size: 0.85rem; line-height: 1.5; }
    .sg-rate-row__num { font-size: 0.95rem; }
    .sg-rate-row__unit { font-size: 0.72rem; }
}
.sg-rateboard__head { text-align: center; margin-bottom: 1.6rem; }
.sg-rateboard__title {
    font-family: var(--sg-font-display);
    font-size: 1.7rem;
    color: var(--sg-black);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 0.4rem;
}
.sg-rateboard__live {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #E5322D;
    display: inline-block;
    animation: sgLivePulse 1.7s ease-out infinite;
}
.sg-rateboard__sub { color: #777; font-size: 0.9rem; margin: 0 0 0.5rem; }
.sg-rateboard__time { color: var(--sg-gold-dark); font-size: 0.82rem; margin: 0; }
.sg-rateboard__empty { text-align: center; color: #999; padding: 2rem 0; }
.sg-rate-group { margin-bottom: 1.6rem; }
.sg-rate-group__title {
    font-family: var(--sg-font-display);
    font-size: 1.05rem;
    color: var(--sg-gold-dark);
    padding: 0 0 0.5rem;
    margin: 0 0 0.6rem;
    border-bottom: 1px solid var(--sg-glass-border);
}
.sg-rate-group__rows {
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}
.sg-rate-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 13px 8px;
    border-bottom: 1px solid #f3efe8;
    border-radius: 6px;
}
.sg-rate-row__name { flex: 1 1 auto; min-width: 0; }
.sg-rate-row__price { flex: 0 0 auto; white-space: nowrap; }
.sg-rate-row:last-child { border-bottom: none; }
.sg-rate-row__name { color: var(--sg-black); font-size: 0.95rem; }
.sg-rate-row__price { font-size: 0.95rem; color: var(--sg-black); white-space: nowrap; }
.sg-rate-row__num { font-weight: 700; font-size: 1.05rem; }
.sg-rate-row__unit { color: #999; font-size: 0.8rem; margin-inline-start: 3px; }
.sg-rateboard__disclaimer {
    margin-top: 1.5rem;
    color: #aaa;
    font-size: 0.78rem;
    text-align: center;
    line-height: 1.9;
}

/* جذاب‌ترسازی و تعاملِ تابلو */
.sg-rateboard__title { font-size: 1.9rem; }
.sg-rate-group__title {
    position: relative;
    padding-right: 14px;
    border-bottom: none;
}
.sg-rate-group__title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 18px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--sg-gold), var(--sg-gold-dark));
}
.sg-rate-group__rows {
    border-top: 2px solid var(--sg-gold);
}
.sg-rate-row {
    transition: background 0.15s ease;
}
.sg-rate-row:hover { background: var(--sg-gold-light); }
.sg-rate-row__num { transition: color 0.2s ease; }
@keyframes sgRateFlash {
    0%   { background: rgba(197, 160, 89, 0.32); }
    100% { background: transparent; }
}
.sg-rate-flash {
    animation: sgRateFlash 1s ease-out;
    border-radius: 5px;
    padding: 0 3px;
}

/* =====================================================================
   گردِ طلاییِ لوکس روی دکمه‌ی «افزودن به سبد» — فقط دسکتاپ، هنگام هاور.
   انیمیشن فقط در :hover اجرا می‌شه، پس بی‌هاور صفر هزینه‌ست. ذرات از پایینِ
   دکمه می‌ریزن تا متن رو نپوشونن. pointer-events:none تا کلیک مختل نشه.
   ===================================================================== */
@media (hover: hover) and (pointer: fine) {
    body.single-product form.cart .single_add_to_cart_button {
        position: relative;
    }
    /* لایه دقیقاً به اندازه‌ی دکمه و clip‌شده — ذرات از دکمه بیرون نمی‌ریزن */
    .sg-dust {
        position: absolute;
        inset: 0;
        pointer-events: none;
        overflow: hidden;
        border-radius: inherit;
        z-index: 1;
    }
    .sg-dust__p {
        position: absolute;
        top: var(--top, 8%);
        left: var(--x, 50%);
        width: var(--sz, 3px);
        height: var(--sz, 3px);
        margin: -1px 0 0 -1px;
        border-radius: 50%;
        background: radial-gradient(circle, #FCEBB0 0%, #E2BE52 45%, #C9A227 62%, rgba(201, 162, 39, 0) 76%);
        opacity: 0;
        will-change: transform, opacity;
    }
    body.single-product form.cart .single_add_to_cart_button:hover .sg-dust__p {
        animation: sgDustFall var(--dur, 1.5s) linear var(--delay, 0s) infinite;
    }
}
@keyframes sgDustFall {
    0%   { transform: translate(0, 0) scale(0.5);                       opacity: 0; }
    15%  {                                                               opacity: 0.95; }
    78%  {                                                               opacity: 0.85; }
    100% { transform: translate(var(--drift, 0), var(--fall, 44px)) scale(1.05); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .single_add_to_cart_button .sg-dust__p { animation: none !important; opacity: 0 !important; }
}

/* صفحه‌ی نرخ: عنوانِ پیش‌فرضِ صفحه حذف (تابلو خودش عنوان داره) و فاصله‌ی بالا کم بشه */
body.sg-rates-page .entry-header,
body.sg-rates-page .page-header,
body.sg-rates-page .woocommerce-breadcrumb,
body.sg-rates-page .storefront-breadcrumb {
    display: none !important;
}
body.sg-rates-page .site-main {
    padding-top: 1.2rem !important;
    margin-top: 0 !important;
}
body.sg-rates-page #primary,
body.sg-rates-page .content-area,
body.sg-rates-page article.page,
body.sg-rates-page .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* دکمه‌های اشتراک‌گذاریِ تابلو */
.sg-rate-share {
    margin-top: 1.6rem;
    padding-top: 1.3rem;
    border-top: 1px solid var(--sg-champagne);
    text-align: center;
}
.sg-rate-share__label {
    display: block;
    font-size: 0.85rem;
    color: #777;
    margin-bottom: 0.85rem;
}
.sg-rate-share__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.sg-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    border-radius: 30px;
    border: 1.5px solid;
    background: transparent;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.sg-share-btn svg { flex-shrink: 0; }
.sg-share-btn--wa { color: #1DA851; border-color: #1DA851; }
.sg-share-btn--wa:hover { background: #25D366; color: #fff; border-color: #25D366; }
.sg-share-btn--tg { color: #2481b8; border-color: #2481b8; }
.sg-share-btn--tg:hover { background: #29a9eb; color: #fff; border-color: #29a9eb; }
.sg-share-btn--copy { color: var(--sg-gold-dark); border-color: var(--sg-glass-border); }
.sg-share-btn--copy:hover { background: var(--sg-gold); color: #fff; border-color: var(--sg-gold); }
/* بازخوردِ «کپی شد» — روی موبایل که متن مخفی است هم دیده شود */
.sg-share-btn--copy.sg-share-btn--done { background: #1DA851; color: #fff; border-color: #1DA851; }
/* دکمه‌ی اصلیِ عکسِ استوری — طلاییِ پُر */
.sg-share-btn--img { color: #fff; background: var(--sg-gold); border-color: var(--sg-gold); }
.sg-share-btn--img:hover { background: var(--sg-gold-dark); border-color: var(--sg-gold-dark); }
/* موبایل: فقط ایکون — دکمه‌های دایره‌ای (مثل نوارِ اشتراکِ سایت‌های دیگر) */
@media (max-width: 600px) {
    .sg-rate-share__btns { gap: 14px; }
    .sg-share-btn {
        width: 46px;
        height: 46px;
        padding: 0;
        gap: 0;
        justify-content: center;
        border-radius: 50%;
    }
    .sg-share-btn .sg-share-btn__t {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .sg-share-btn svg { width: 21px; height: 21px; }
}
.sg-carousel-track ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* =========================================================
   گوی شناور پشتیبانی — پایین-راست، همه صفحات
   ========================================================= */
#sg-support-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid rgba(197, 160, 89, 0.5);
    background: var(--sg-gold-dark);
    color: var(--sg-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#sg-support-fab:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 26px rgba(197, 160, 89, 0.45);
}

#sg-support-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(20, 16, 8, 0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
#sg-support-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
}

#sg-support-modal {
    position: relative;
    width: 90%;
    max-width: 380px;
    background: var(--sg-glass-bg);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    border: 1px solid var(--sg-glass-border);
    border-radius: 16px;
    padding: 1.8rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}
#sg-support-modal h3 {
    margin: 0 0 0.3rem;
    color: var(--sg-black);
    font-family: var(--sg-font-display);
}
.sg-support-sub {
    margin: 0 0 1.2rem;
    font-size: 0.85rem;
    color: #555;
}
#sg-support-close {
    position: absolute;
    top: 12px;
    left: 14px;
    background: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    color: #555;
}
#sg-support-form input,
#sg-support-form textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.9rem;
    border-radius: 10px;
    border: 1px solid var(--sg-champagne);
    background: rgba(255, 255, 255, 0.7);
    font-family: var(--sg-font-body);
    font-size: 0.9rem;
    resize: vertical;
}
#sg-support-submit {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid var(--sg-glass-border-dark);
    outline: 1px solid rgba(197, 160, 89, 0.5);
    outline-offset: -2px;
    background: var(--sg-glass-dark-bg);
    color: var(--sg-white);
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--sg-font-body);
    font-size: 0.9rem;
    transition: all 0.3s ease;
}
#sg-support-submit:hover {
    background: rgba(197, 160, 89, 0.55);
    color: var(--sg-black);
}
#sg-support-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
#sg-support-status {
    margin: 0.6rem 0 0;
    font-size: 0.82rem;
    text-align: center;
}
.sg-support-success { color: #2E7D32; }
.sg-support-error { color: #C0392B; }

@media (max-width: 500px) {
    #sg-support-fab {
        bottom: 16px;
        right: 16px;
        width: 52px;
        height: 52px;
    }
}

/* هدر بخش‌های کاروسل: عنوان راست، دکمه «مشاهده همه» چپ */
.sg-carousel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sg-space-md);
}
.sg-carousel-header .sg-discount-section__title {
    margin-bottom: 0;
}
.sg-carousel-viewall {
    display: inline-block;
    padding: 0.75rem 1.6rem;
    border-radius: 8px;
    border: 1px solid var(--sg-glass-border);
    background: var(--sg-glass-bg);
    backdrop-filter: blur(var(--sg-glass-blur));
    -webkit-backdrop-filter: blur(var(--sg-glass-blur));
    color: var(--sg-black);
    font-size: 0.95rem;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.sg-carousel-viewall:hover {
    background: rgba(197, 160, 89, 0.35);
}
@media (max-width: 500px) {
    .sg-carousel-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
    }
}

/* این بلوک عمداً حذف شد — بدون اسکوپ بود و روی کاروسل صفحه اصلی هم اثر می‌ذاشت
   نسخه درست و اسکوپ‌شده (فقط برای صفحه فروشگاه/دسته‌بندی) پایین‌تر توی فایل هست */


/* وقتی از دکمه «مشاهده همه» اومدیم و عنوان اختصاصی خودمون رو داریم، عنوان پیش‌فرض «فروشگاه» رو مخفی کن */
.sg-has-custom-section-title .woocommerce-products-header__title,
.sg-has-custom-section-title .page-title,
.sg-has-custom-section-title h1.entry-title,
.sg-has-custom-section-title .storefront-page-header h1 {
    display: none !important;
}

/* =========================================================
   حل قطعی و نهایی: شبکه محصولات فروشگاه/دسته‌بندی‌ها با CSS Grid
   (به‌جای محاسبه دستی عرض با flex، به مرورگر می‌سپاریم دقیق حساب کنه)
   فقط مخصوص صفحه فروشگاه و آرشیو دسته‌بندی‌هاست — کاری به کاروسل صفحه اصلی نداره
   ========================================================= */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products,
body.post-type-archive-product ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.8rem !important;
    max-width: 1700px !important;
    margin: 0 auto !important;
}
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product,
body.post-type-archive-product ul.products li.product {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
}
@media (max-width: 820px) {
    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products,
    body.tax-product_tag ul.products,
    body.post-type-archive-product ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 500px) {
    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products,
    body.tax-product_tag ul.products,
    body.post-type-archive-product ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* اسم محصولات طولانی توی شبکه فروشگاه هم همین رفتار رو داشته باشه (حداکثر ۲ خط) */
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_tag ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: 2.6em;
}

/* =========================================================
   قانون نهایی مطلق — با ID (که هیچ قانون کلاس‌محوری، حتی از خود ووکامرس، نمی‌تونه شکستش بده)
   دقیقاً همون کلاسی که ووکامرس واقعاً تولید می‌کنه رو هدف گرفتیم: ul.products.columns-3
   ========================================================= */
#main ul.products.columns-3,
#primary ul.products.columns-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.8rem !important;
    max-width: 1700px !important;
    margin: 0 auto !important;
}
#main ul.products.columns-3 li.product,
#primary ul.products.columns-3 li.product {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
}
@media (max-width: 820px) {
    #main ul.products.columns-3,
    #primary ul.products.columns-3 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 500px) {
    #main ul.products.columns-3,
    #primary ul.products.columns-3 {
        grid-template-columns: 1fr !important;
    }
}

/* تست موقت حذف شد */

/* رفع ریشه‌ای: خنثی کردن clearfix قدیمی before/after قالب که زیر Grid تبدیل به آیتم شبح می‌شد */
ul.products::before,
ul.products::after {
    display: none !important;
    content: none !important;
}
.sg-rate-ticker {
    position: relative !important;
    width: 100% !important;
    z-index: 10001 !important;
    margin: 0 !important;
}
/* (فاصله جبرانی حذف شد — نوار قیمت دیگه شناور نیست و جای خودش رو می‌گیره) */

/* =========================================================
   نوار اعتماد (بالای فوتر)
   ========================================================= */
.sg-trust-bar {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1.5rem;
    max-width: 1700px;
    margin: 0 auto;
    padding: var(--sg-space-md) var(--sg-space-md) 1rem;
}
.sg-trust-bar__item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1rem 1.4rem;
    background: var(--sg-white);
    border: 1px solid var(--sg-border-light, var(--sg-champagne));
    border-radius: 10px;
    min-width: 220px;
}
.sg-trust-bar__icon {
    font-size: 1.6rem;
    color: #C5A059;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sg-trust-bar__icon svg {
    width: 24px;
    height: 24px;
    stroke: #C5A059;
    flex-shrink: 0;
}
.sg-trust-bar__text {
    display: flex;
    flex-direction: column;
    font-size: 0.85rem;
}
.sg-trust-bar__text strong {
    color: var(--sg-black);
}
.sg-trust-bar__text span {
    color: var(--sg-text-muted, #888);
    font-size: 0.78rem;
}

/* موبایل: ۲ ستونه (دوتا-دوتا کنار هم)، آیتم پنجم (فرد) تمام‌عرض زیر بقیه */
@media only screen and (max-width: 768px) {
    .sg-trust-bar {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        overflow-x: visible;
        gap: 0.7rem;
        padding: 1rem 1rem 0.6rem;
    }
    .sg-trust-bar__item {
        min-width: 0;
        width: 100%;
        padding: 0.8rem 0.9rem;
        box-sizing: border-box;
    }
    .sg-trust-bar__text {
        font-size: 0.78rem;
    }
    .sg-trust-bar__text span {
        font-size: 0.7rem;
    }
}

/* =========================================================
   فوتر سه‌ستونه
   ========================================================= */
.sg-footer-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: 1700px;
    margin: 0 auto;
    padding: 1rem var(--sg-space-md) var(--sg-space-lg);
}
.sg-footer-col {
    flex: 1 1 260px;
}
.sg-footer-col--brand h3,
.sg-footer-col--contact h3 {
    color: var(--sg-black);
    margin-bottom: 0.8rem;
    /* آیکون SVG جای ایموجی نشست — باید با متن هم‌تراز بماند */
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.sg-footer-col--contact h3 svg {
    flex: 0 0 auto;
    color: var(--sg-gold, #C5A059);
}
.sg-instagram-btn svg {
    flex: 0 0 auto;
}

/* ---------------------------------------------------------------------
   یکدست‌سازی ضخامت آیکون‌ها
   همه‌ی آیکون‌های خطی سایت روی شبکه‌ی ۲۴ با ضخامت ۱.۵ کشیده شده‌اند.
   آیکون چشمِ رمز از افزونه‌ی دیجیتس می‌آید و ضخامت ۲ دارد؛ چون قرار نیست
   فایل‌های دیجیتس را دست بزنیم، از این‌جا بازنویسی‌اش می‌کنیم.
   CSS بر صفت داخل تگ اولویت دارد، پس این کافی است.
   --------------------------------------------------------------------- */
.digit-eye,
.digits_password_eye-cont svg {
    stroke-width: 1.5;
}
.sg-footer-col--brand p {
    color: var(--sg-text-body, #555);
    font-size: 0.9rem;
    line-height: 1.9;
}
.sg-instagram-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1.4rem;
    border: 1px solid var(--sg-black);
    border-radius: 8px;
    color: var(--sg-black);
    font-size: 0.9rem;
    transition: all 0.3s ease;
}
.sg-instagram-btn:hover {
    background: var(--sg-black);
    color: var(--sg-white);
}
.sg-footer-address,
.sg-footer-hours {
    color: var(--sg-text-body, #555);
    font-size: 0.88rem;
    line-height: 1.9;
}
.sg-footer-phone {
    font-family: var(--sg-font-display);
    font-size: 1.4rem;
    color: var(--sg-gold-dark);
    margin: 0.6rem 0;
    direction: ltr;
    text-align: right;
}

/* =========================================================
   بنرهای میانی صفحه اصلی
   ========================================================= */
.sg-banner-slot-display {
    max-width: 1700px;
    margin: 1.5rem auto; /* بود ۶۴px بالا/پایین — فضای خالیِ زیاد؛ کم شد */
    padding: 0 var(--sg-space-sm); /* کناره‌ها از ۳۲px به ۱۶px — بنر کمی عریض‌تر */
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.sg-banner-slot-display__track {
    position: relative;
    width: 100%;
    aspect-ratio: 21 / 6;
}
.sg-banner-slot-display__slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    transition: opacity 1s ease;
}
.sg-banner-slot-display__slide.is-active {
    opacity: 1;
}
.sg-banner-slot-display__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* بنرهای میانی روی موبایل: تمام‌عرض (هم‌اندازه‌ی کاروسل) + فاصله‌ی عمودیِ کمتر */
@media only screen and (max-width: 768px) {
    .sg-banner-slot-display {
        margin: 1rem calc(50% - var(--sg-vw, 100vw) / 2) !important;
        width: var(--sg-vw, 100vw) !important;
        max-width: var(--sg-vw, 100vw) !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        border-radius: 0 !important;
    }
    .sg-banner-slot-display__slide img {
        border-radius: 0 !important;
    }
}
/* <picture> باید کلِ اسلاید را پر کند */
.sg-banner-slot-display__slide picture { display: block; width: 100%; height: 100%; }
/* جایگاه‌هایی که عکسِ موبایل دارند: روی گوشی مربعیِ ۱:۱ و دقیقاً چسبیده به لبه */
@media only screen and (max-width: 600px) {
    .sg-banner-slot-display--mobilefull {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sg-banner-slot-display--mobilefull .sg-banner-slot-display__track {
        aspect-ratio: 1 / 1;
    }
}

/* =========================================================
   بخش سوالات متداول + بنر
   ========================================================= */
.sg-faq-banner-row {
    display: flex;
    gap: var(--sg-space-lg);
    align-items: flex-start;
}
.sg-faq-list {
    flex: 1 1 55%;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.sg-faq-item {
    border: 1px solid var(--sg-border-light, var(--sg-champagne));
    border-radius: 8px;
    overflow: hidden;
}
.sg-faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.3rem;
    background: var(--sg-white);
    border: none;
    text-align: right;
    font-family: var(--sg-font-body);
    font-size: 0.95rem;
    color: var(--sg-black);
    cursor: pointer;
}
.sg-faq-arrow {
    transition: transform 0.3s ease;
    color: var(--sg-gold-dark);
}
.sg-faq-item.is-open .sg-faq-arrow {
    transform: rotate(180deg);
}
.sg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background: var(--sg-champagne);
}
.sg-faq-item.is-open .sg-faq-answer {
    max-height: 220px;
}
.sg-faq-answer p {
    margin: 0;
    padding: 1rem 1.3rem;
    font-size: 0.88rem;
    line-height: 1.9;
    color: var(--sg-text-body, #555);
}
@media (max-width: 820px) {
    .sg-faq-banner-row {
        flex-direction: column;
    }
    .sg-banner-slot-display__track {
        aspect-ratio: 21 / 9;
    }
}

/* =========================================================
   جمع‌وجورتر کردن کارت محصولات — تا صفحه کمتر اسکرول لازم داشته باشه
   ========================================================= */
ul.products li.product {
    padding: 1.1rem !important;
}
/* ابعاد تصویر اینجا تعریف نمی‌شه — تعریف واحد و نهایی‌ش
   در بخش «یکسان‌سازی ابعاد کاور محصولات» انتهای فایله */
ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
    margin: 0.5rem 0 0.3rem !important;
    min-height: 2.2em !important;
}
ul.products li.product .price {
    font-size: 1.1rem !important;
    padding: 0.3rem 0.8rem !important;
    margin-bottom: 0.5rem !important;
}

/* فشرده‌سازی بیشتر — مخصوص صفحه فروشگاه و دسته‌بندی‌ها */
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
    padding: 10px !important;
}
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.88rem !important;
    margin-bottom: 5px !important;
}

/* =========================================================
   کاهش فاصله‌های اضافی — بین هدر و اسلایدر، بین عنوان و محصولات، ته کارت محصول
   ========================================================= */

/* اسلایدر اصلی — ابعاد دقیق و ثابت طبق درخواست */
.sg-hero-slider {
    width: 100% !important;
    max-width: 100% !important;
    height: 78vh !important;
    min-height: 480px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.sg-hero-slider__track {
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.sg-hero-slider__slide,
.sg-hero-slider__slide img {
    border-radius: 0 !important;
}
@media (max-width: 768px) {
    .sg-hero-slider {
        height: 62vh !important;
        min-height: 380px !important;
    }
}

/* فاصله بین عنوان بخش (تخفیف‌های طلایی و مشابه) و ردیف محصولات کمتر بشه */
.sg-carousel-header,
.sg-discount-section__title {
    margin-bottom: 0.8rem !important;
}
.sg-highlight-section {
    padding: 1.2rem !important;
}

/* موبایل: ردیفِ کاروسل تا لبه‌های صفحه کشیده بشه (حاشیه‌ی طرفین صفر)؛ فقط ردیفِ
   محصولات full-bleed می‌شه و عنوانِ بخش هم‌تراز و با حاشیه‌ی معمول باقی می‌مونه.
   تکنیکِ 50%−50vw حاشیه‌ی همه‌ی والدها رو خنثی می‌کنه و ردیف رو تمام‌عرض می‌کنه. */
@media (max-width: 767px) {
    /* کلِ قابِ کاروسل (کارتِ شیشه‌ای) تا لبه‌های صفحه کشیده بشه.
       سلکتورِ «html body» برای غلبه بر رولِ سراسریِ max-width:100% که عرض رو قفل
       می‌کرد و در RTL باعثِ نامتقارنی (چسبیدن به یه طرف) می‌شد. */
    html body .sg-carousel-section {
        width: var(--sg-vw, 100vw) !important;
        max-width: var(--sg-vw, 100vw) !important;
        margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* عنوانِ بخش و لینکِ «مشاهده همه» چسبیده به لبه نشن — حاشیه‌ی داخلی می‌گیرن */
    .sg-carousel-section .sg-carousel-header {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
    /* حالا که خودِ قاب تمام‌عرضه، ردیفِ محصولات breakoutِ جدا لازم نداره */
    .sg-carousel-section .sg-carousel-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto !important;
    }
}

/* ته کارت محصول (بعد از دکمه خرید) فاصله اضافه نداشته باشه — توی همه قاب‌ها (کاروسل و شبکه فروشگاه) */
ul.products li.product {
    padding-bottom: 1rem !important;
    justify-content: flex-start !important;
}
ul.products li.product .button {
    margin-bottom: 0 !important;
}

/* =========================================================
   کارت‌های کاروسل بزرگ‌تر و باشکوه‌تر — طبق نمونه‌ای که پسندیدید
   (شبکه فروشگاه دست‌نخورده و جمع‌وجور می‌مونه، فقط کاروسل بزرگ‌تر می‌شه)
   ========================================================= */
.sg-carousel-row ul.products li.product img {
    aspect-ratio: 1 / 1 !important;
}
.sg-carousel-row ul.products li.product {
    padding: 1.1rem !important;
}
.sg-carousel-row ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
    min-height: auto !important;
    margin: 0.5rem 0 0.3rem !important;
}

/* حذف کامل کادر آبی/رنگی دور المان‌ها موقع کلیک یا فوکوس */
a, button, input, select, textarea,
a:focus, button:focus, input:focus, select:focus, textarea:focus,
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: none !important;
}

/* حذف یه لایه خالی «woocommerce» که خود قالب اضافه می‌کنه و فضای خالی بی‌دلیل ایجاد می‌کرد */
#content > .col-full > div.woocommerce:empty {
    display: none !important;
}

/* =========================================================
   حذف کامل کادر سفید سرچ و شیشه‌ای کردن آن
   ========================================================= */
/* ۱. بی‌رنگ کردن تمام باکس‌ها و فریم‌های بیرونی سرچ */
body .site-header .site-search,
/* ۲. استایل تک و شیک فقط برای خود کادر ورودی سرچ */
body #woocommerce-product-search-field-0 {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    color: var(--sg-black) !important;
    font-family: var(--sg-font-body) !important;
    padding: 0.6rem 1rem !important;
    outline: none !important;
    width: 260px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
body #woocommerce-product-search-field-0::placeholder {
    color: var(--sg-gold-dark) !important;
    font-family: var(--sg-font-body) !important;
    opacity: 0.75 !important;
}

/* =========================================================
   ۱. یکی کردن ردیف منو (خانه/فروشگاه) و ردیف سبد/ورود توی یه خط،
      و تبدیل خانه/فروشگاه به دکمه (مثل سبد خرید) — فقط توی دسکتاپ
      (توی موبایل نباید display:flex اجباری بشه، وگرنه مکانیزم باز/بسته شدن منوی همبرگری خراب می‌شه)
   ========================================================= */
@media (min-width: 769px) {
    .storefront-primary-navigation .col-full {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 0.5rem;
        padding-bottom: 1rem !important;
    }
    #site-navigation {
        display: flex !important;
        align-items: center !important;
        flex-shrink: 0;
    }
    .storefront-primary-navigation .main-navigation .primary-navigation ul.menu {
        display: flex !important;
        gap: 0.4rem;
        flex-wrap: nowrap !important;
    }
    .storefront-primary-navigation .main-navigation .primary-navigation ul.menu li a {
        display: inline-flex !important;
        align-items: center;
        white-space: nowrap;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0.4rem 0.2rem !important;
        font-size: 0.85rem !important;
        box-shadow: none !important;
        color: #222222 !important;
        position: relative;
        transition: color 0.3s ease;
    }
    .storefront-primary-navigation .main-navigation .primary-navigation ul.menu li a::after {
        content: "";
        position: absolute;
        bottom: -2px;
        right: 0;
        width: 100%;
        height: 1.5px;
        background-color: #C5A059;
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }
    .storefront-primary-navigation .main-navigation .primary-navigation ul.menu li a:hover {
        color: #C5A059 !important;
        background: transparent !important;
    }
    .storefront-primary-navigation .main-navigation .primary-navigation ul.menu li a:hover::after {
        transform: scaleX(1);
    }
}
/* منوی دوم مخفی (همون لیست کامل صفحات، فقط برای نوار پایین موبایله) — این همیشه فعاله */
.storefront-primary-navigation .main-navigation > div.menu {
    display: none !important;
}

/* =========================================================
   موبایل: عنوان سایت کوچیک‌تر و دکمه فهرست هم‌سو با زبان طراحی (شیشه‌ای)
   ========================================================= */
@media (max-width: 768px) {
    .site-header .site-branding .site-title,
    .site-header .site-branding .site-title a {
        font-size: 1.3rem !important;
    }
    .site-header .site-branding p.site-description {
        font-size: 0.75rem !important;
    }
    /* آیکون‌های سبد/ورود/سرچ توی یه ردیف — اگه جا نشد، تمیز می‌شکنه به خط بعد (نه روی هم می‌افته) */
    .storefront-primary-navigation .col-full {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 0.4rem;
    }

    /* همبرگری کاملاً حذف — با فقط ۲ لینک، نیازی به مخفی کردنشون پشت یه کلیک اضافه نیست
       (طبق رفتار سایت‌های بزرگ فروشگاهی مدرن: لینک‌های کم رو مستقیم نشون بده) */
    button.menu-toggle {
        display: none !important;
    }

    /* خانه/فروشگاه توی هدر موبایل دیگه لازم نیست — نوار پایین صفحه جایگزینش شده */
    #site-navigation {
        display: none !important;
    }
}

/* =========================================================
   ۲. حذف باکس ریزنقشه سبد خرید هنگام هاور (خیلی باریک بود و بهم‌ریخته می‌شد)
   ========================================================= */
.site-header-cart .widget_shopping_cart {
    display: none !important;
}

/* =========================================================
   نوار قیمت طلا توی موبایل/تبلت: کوچک‌تر و تک‌خطی (فقط نرخ تومانی، بدون اونس جهانی)
   ========================================================= */
@media (max-width: 992px) {
    .sg-rate-ticker__ounce-part {
        display: none !important;
    }
    .sg-rate-ticker {
        font-size: 0.7rem !important;
        padding: 0.3rem 0.6rem !important;
        position: static !important;
        top: auto !important;
    }
    .sg-rate-ticker__inner {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
    }
    /* چون نوار قیمت دیگه fixed نیست، دیگه نیازی به فاصله رزروشده بالای صفحه نیست */
    body {
        padding-top: 0 !important;
    }
}

/* =========================================================
   عنوان بخش‌ها (تخفیف/ترند/پرفروش و...) قابل کلیکه، مثل دکمه «مشاهده همه»
   توی موبایل/تبلت، فقط خود دکمه «مشاهده همه» رو مخفی می‌کنیم — عنوان جایگزینش می‌شه
   ========================================================= */
.sg-carousel-title-link {
    color: inherit !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 768px) {
    .sg-carousel-viewall {
        display: none !important;
    }
}

/* =========================================================
   موبایل: سبد خرید و حساب کاربری به‌شکل آیکون کوچیک (استاندارد فروشگاه‌های موبایل)
   ========================================================= */
@media (max-width: 768px) {
    /* حساب کاربری: فقط نوشته (اسم کاربر)، باریک، بدون آیکون و بدون قاب بزرگ */
    /* فقط اسم کاربر نشون داده بشه (بدون «سلام،») */

    /* سبد خرید: فقط مبلغ به تومان، باریک، بدون آیکون و بدون پس‌زمینه بزرگ */
    #site-header-cart {
        width: auto !important;
        height: auto !important;
        background: none !important;
        display: flex !important;
        align-items: center;
    }
    #site-header-cart a.cart-contents {
        font-size: 0.8rem !important;
        color: var(--sg-gold-dark) !important;
        font-weight: 600;
        padding: 0.3rem 0.4rem !important;
        white-space: nowrap;
    }
    #site-header-cart .amount {
        display: inline !important;
        font-size: 0.8rem !important;
    }
    #site-header-cart .count {
        display: none !important;
    }
}

/* =========================================================
   پیش‌نمایش هاوری روی سبد خرید و ورود (مثل سایت‌های بزرگ فروشگاهی)
   با نگه‌داشتن موس روی آیکون، یه تولتیپ کوچیک اطلاعات رو نشون می‌ده
   ========================================================= */
[data-tooltip]:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--sg-black);
    color: var(--sg-white);
    font-size: 0.78rem;
    white-space: nowrap;
    padding: 0.5rem 0.9rem;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    z-index: 10002;
    pointer-events: none;
}
/* یه فلش کوچیک بالای تولتیپ */
[data-tooltip]:hover:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-bottom-color: var(--sg-black);
    z-index: 10002;
    pointer-events: none;
}

/* =========================================================
   (نوار پایین قدیمی حذف شد — الان swangold_mobile_custom_header
   خودش نوار پایینه، استایلش پایین‌تر توی همین فایل هست)
   ========================================================= */

/* =========================================================
   موبایل: جستجو رفته پایین، پس آیکون بالای هدر لازم نیست
   ========================================================= */
@media only screen and (max-width: 768px) {
    .site-header .sg-search-toggle {
        display: none !important;
    }
}

/* =========================================================
   موبایل: فاصله ایمن از حاشیه صفحه برای همه متن‌ها و محتوا
   ========================================================= */
@media only screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .col-full,
    .sg-highlight-section,
    .sg-carousel-section,
    .sg-categories-preview,
    .sg-footer-main,
    .sg-footer,
    .sg-faq-banner-row,
    section.sg-highlight-section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   موبایل: قاب محصولات جمع‌وجورتر و شیک‌تر
   ========================================================= */
@media only screen and (max-width: 768px) {
    ul.products li.product {
        padding: 0.7rem !important;
    }
    ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.82rem !important;
        margin: 0.35rem 0 0.2rem !important;
        min-height: auto !important;
    }
    ul.products li.product .price {
        font-size: 0.9rem !important;
        padding: 0.2rem 0.6rem !important;
    }
}

/* =========================================================
   بازسازی کامل و قطعی صفحه محصول — عمداً آخر فایل، بالاترین اولویت
   ========================================================= */

/* ۱. تبدیل کانتینر اصلی به شبکه (Grid) */
body.single-product div.product {
    display: grid !important;
    grid-template-columns: 42% 54% !important;
    gap: 30px !important;
    direction: rtl !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin: var(--sg-space-lg) auto !important;
    padding: 0 var(--sg-space-md) !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* ۲. خنثی‌سازی float/عرض‌های قدیمی قالب */
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .images,
body.single-product div.product .summary,
body.single-product div.product .woocommerce-tabs {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ۳. گالری عکس در ستون راست */
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .images {
    grid-column: 1 !important;
    grid-row: 1 !important;
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 16px !important;
    padding: 15px !important;
    box-shadow: 0 6px 20px rgba(31, 38, 45, 0.09) !important;
    box-sizing: border-box !important;
}
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px !important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    list-style: none !important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
    border-radius: 8px !important;
    border: 2px solid var(--sg-champagne) !important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border-color: var(--sg-gold-dark) !important;
}

/* ۴. باکس عنوان/قیمت/خرید در ستون چپ */
body.single-product div.product .summary {
    grid-column: 2 !important;
    grid-row: 1 !important;
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 6px 20px rgba(31, 38, 45, 0.09) !important;
    box-sizing: border-box !important;
}

/* ۵. تب‌های توضیحات، تمام عرض پایین */
body.single-product div.product .woocommerce-tabs {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 25px !important;
    clear: both !important;
}
body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    gap: 10px !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
}
body.single-product .woocommerce-tabs ul.tabs li {
    background: var(--sg-champagne) !important;
    border: 1px solid var(--sg-glass-border-dark) !important;
    border-radius: 8px !important;
    margin: 0 !important;
}
body.single-product .woocommerce-tabs ul.tabs li.active {
    background: var(--sg-gold-light) !important;
    border-color: var(--sg-gold-dark) !important;
}
body.single-product .woocommerce-tabs ul.tabs li a {
    padding: 10px 20px !important;
    font-weight: bold !important;
    color: var(--sg-black) !important;
}
body.single-product .woocommerce-tabs .panel {
    background: var(--sg-ivory) !important;
    border: 1px dashed var(--sg-glass-border) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    line-height: 1.8 !important;
    color: var(--sg-text-body, #333) !important;
}

/* ۶. محصولات مشابه — قرارگیری ۱۰۰٪ تمام‌عرض کاروسل اختصاصی در پایین شبکه صفحه محصول */
body.single-product div.product .sg-related-products-wrapper {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-top: 40px !important;
    clear: both !important;
}

/* ۷. واکنش‌گرایی موبایل */
@media only screen and (max-width: 768px) {
    body.single-product div.product {
        /* minmax(0,1fr) به‌جای 1fr: جلوی سرریزِ ستون رو می‌گیره. با 1fr، حداقلِ
           ستون min-content بود و یه آیتمِ پهنِ نشکن (مثل product_meta یا قابِ
           افقیِ نظرات) کل ستون رو از عرضِ کادرِ موبایل بیرون می‌زد و تصویر محصول
           به چپ می‌رفت و بریده می‌شد. صفرِ minmax اون حداقل رو خنثی می‌کنه. */
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
        /* حاشیه‌ی کناریِ کمتر روی موبایل → قاب عکس و محتوا عریض‌تر */
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    body.single-product div.product .woocommerce-product-gallery,
    body.single-product div.product .images {
        grid-column: 1 !important;
        grid-row: 1 !important;
        /* حاشیه‌ی داخلیِ قاب عکس هم باریک‌تر تا عکس بزرگ‌تر دیده بشه */
        padding: 6px !important;
    }
    body.single-product div.product .summary {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
    body.single-product div.product .woocommerce-tabs {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }
    body.single-product div.product .sg-related-products-wrapper {
        grid-column: 1 !important;
        grid-row: 4 !important;
        margin-top: 25px !important;
    }
}

/* =========================================================
   کادر توضیحات محصول — عرض کامل، بدون تب (جایگزین تب‌های حذف‌شده)
   ========================================================= */
body.single-product div.product .sg-full-description {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin-top: 25px !important;
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 6px 20px rgba(31, 38, 45, 0.09) !important;
    box-sizing: border-box !important;
}
body.single-product .sg-full-description h2 {
    font-size: 1.1rem !important;
    margin: 0 0 0.8rem !important;
    color: var(--sg-black) !important;
}
body.single-product .sg-full-description__content {
    line-height: 1.9 !important;
    color: var(--sg-text-body, #333) !important;
    font-size: 0.92rem !important;
}
/* متنِ توضیحات دوطرفه (هم‌ترازِ ورد) تا سطرها یک‌دست بشن؛ سطرِ آخرِ هر بند
   کشیده نشه و راست‌چین بمونه — مخصوصاً روی موبایل که سطرها کم‌وزیاد بود */
body.single-product .sg-full-description__content,
body.single-product .sg-full-description__content p,
body.single-product .sg-full-description__content li {
    text-align: justify !important;
    text-align-last: right !important;
}
/* =========================================================
   کادر دیدگاه‌ها و نظرات — عرض کامل، زیر توضیحات محصول
   ========================================================= */
body.single-product div.product .sg-full-reviews {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-top: 25px !important;
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 6px 20px rgba(31, 38, 45, 0.09) !important;
    box-sizing: border-box !important;
}
body.single-product .sg-full-reviews #reviews {
    max-width: 720px;
}
body.single-product .sg-full-reviews .woocommerce-Reviews-title {
    font-family: var(--sg-font-display) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--sg-black) !important;
    margin: 0 0 1.2rem !important;
}
body.single-product .sg-full-reviews .commentlist {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-product .sg-full-reviews .comment {
    border-top: 1px solid var(--sg-champagne) !important;
    padding: 1rem 0 !important;
}
body.single-product .sg-full-reviews .comment:first-child {
    border-top: none !important;
}
body.single-product .sg-full-reviews .star-rating,
body.single-product .sg-full-reviews .star-rating span,
body.single-product .sg-full-reviews .star-rating span::before {
    color: var(--sg-gold-dark) !important;
    margin-bottom: 0.4rem !important;
}
/* خلاصه‌ی امتیاز بالای صفحه‌ی محصول (کنار عنوان) هم هم‌رنگ طلایی سایت باشه، نه بنفش پیش‌فرض ووکامرس
   (رنگ ستاره‌های پرشده از ::before روی span میاد، نه از خودِ .star-rating) */
body.single-product .woocommerce-product-rating {
    margin-top: 0.6rem !important;
}
body.single-product .woocommerce-product-rating .star-rating,
body.single-product .woocommerce-product-rating .star-rating span,
body.single-product .woocommerce-product-rating .star-rating span::before {
    color: var(--sg-gold-dark) !important;
}
body.single-product .woocommerce-product-rating .woocommerce-review-link {
    color: #8a8078 !important;
    font-size: 0.85rem !important;
}
body.single-product .sg-full-reviews .woocommerce-review__author {
    font-weight: 700 !important;
    color: var(--sg-black) !important;
}
body.single-product .sg-full-reviews .woocommerce-review__dash,
body.single-product .sg-full-reviews .woocommerce-review__published-date {
    color: #8a8078 !important;
    font-size: 0.82rem !important;
}
body.single-product .sg-full-reviews .description p {
    color: var(--sg-text-body) !important;
    line-height: 1.8 !important;
    margin: 0.4rem 0 0 !important;
}
/* =====================================================================
   لیست دیدگاه‌ها به‌صورت قاب‌های افقیِ قابل اسکرول با انگشت (مثل دیجی‌کالا)
   — هم موبایل، هم دسکتاپ. جهت RTL، پس اسکرول از راست شروع می‌شه.
   ===================================================================== */
body.single-product .sg-full-reviews .commentlist {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.85rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0.2rem 0 0.9rem !important;
    margin: 0 !important;
    list-style: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--sg-champagne) transparent !important;
}
body.single-product .sg-full-reviews .commentlist::-webkit-scrollbar {
    height: 6px !important;
}
body.single-product .sg-full-reviews .commentlist::-webkit-scrollbar-thumb {
    background: var(--sg-champagne) !important;
    border-radius: 999px !important;
}
/* هر دیدگاه یک قاب مستقل */
body.single-product .sg-full-reviews .commentlist > li {
    flex: 0 0 82% !important;
    max-width: 300px !important;
    scroll-snap-align: start !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 12px !important;
    padding: 1rem 1.1rem !important;
    background: #fff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
/* دسکتاپ: عرض ثابت‌تر تا چند قاب کنار هم دیده بشن */
@media only screen and (min-width: 769px) {
    body.single-product .sg-full-reviews .commentlist > li {
        flex: 0 0 300px !important;
    }
}
/* قانون قدیمیِ .comment:first-child حاشیه‌ی بالا رو برمی‌داشت؛ توی حالت قاب باید برگرده */
body.single-product .sg-full-reviews .commentlist > li.comment:first-child {
    border: 1px solid var(--sg-champagne) !important;
}
body.single-product .sg-full-reviews .commentlist > li .comment_container {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
}
/* =====================================================================
   دکمه‌های «مفید بود؟» — لایک/دیسلایک
   ===================================================================== */
body.single-product .sg-full-reviews .sg-review-vote {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 0.9rem !important;
    padding-top: 0.7rem !important;
    border-top: 1px dashed var(--sg-champagne) !important;
    flex-wrap: wrap !important;
}
body.single-product .sg-full-reviews .sg-review-vote__label {
    font-size: 0.8rem !important;
    color: #8a8078 !important;
    margin-left: auto !important;
}
body.single-product .sg-full-reviews .sg-vote {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    padding: 0.32rem 0.6rem !important;
    background: #fff !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 999px !important;
    color: #6b6259 !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}
body.single-product .sg-full-reviews .sg-vote svg {
    display: block !important;
}
body.single-product .sg-full-reviews .sg-vote:hover {
    border-color: #cfc6b8 !important;
}
/* بعد از فشردن: لایک سبز */
body.single-product .sg-full-reviews .sg-vote-like.is-active {
    color: #1f9d55 !important;
    border-color: #1f9d55 !important;
    background: rgba(31, 157, 85, 0.08) !important;
}
/* بعد از فشردن: دیسلایک قرمز */
body.single-product .sg-full-reviews .sg-vote-dislike.is-active {
    color: #e02424 !important;
    border-color: #e02424 !important;
    background: rgba(224, 36, 36, 0.08) !important;
}
body.single-product .sg-full-reviews .sg-vote-count {
    font-variant-numeric: tabular-nums !important;
    min-width: 0.9em !important;
    text-align: center !important;
}
body.single-product .sg-full-reviews .sg-vote-msg {
    flex: 1 0 100% !important;
    font-size: 0.78rem !important;
    color: #b45309 !important;
    margin-top: 0.2rem !important;
}
body.single-product .sg-full-reviews .sg-vote-msg a {
    color: var(--sg-gold-dark) !important;
    text-decoration: underline !important;
}
/* پیام پیش‌فرض «هنوز نظری ثبت نشده» — رنگ آبی پیش‌فرض ووکامرس، هماهنگ با پالت سایت می‌شه */
body.single-product .sg-full-reviews .woocommerce-noreviews {
    background: var(--sg-gold-light) !important;
    border-right: 3px solid var(--sg-gold) !important;
    color: #6b5836 !important;
    padding: 0.9rem 1.1rem !important;
    border-radius: 4px !important;
    font-size: 0.88rem !important;
}
body.single-product .sg-full-reviews #review_form_wrapper {
    margin-top: 1.6rem !important;
    padding-top: 1.6rem !important;
    border-top: 1px solid var(--sg-champagne) !important;
}
/* دکمه‌ی «ثبت نظر» که فرم رو باز می‌کنه — استایل هماهنگ با دکمه‌ی ارسال فرم */
body.single-product .sg-full-reviews .sg-review-toggle {
    display: inline-block !important;
    margin-top: 1.6rem !important;
    padding: 0.75rem 1.5rem !important;
    background: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body.single-product .sg-full-reviews .sg-review-toggle:hover {
    background: var(--sg-gold) !important;
    color: #1A1A1A !important;
}
/* تا وقتی جمع است: فرم و پیام تأیید خرید مخفی، دکمه دیده می‌شود */
body.single-product .sg-full-reviews.sg-reviews-collapsed #review_form_wrapper,
body.single-product .sg-full-reviews.sg-reviews-collapsed .woocommerce-verification-required {
    display: none !important;
}
/* وقتی باز شد: فرم دیده می‌شود، دکمه پنهان */
body.single-product .sg-full-reviews.sg-reviews-open .sg-review-toggle {
    display: none !important;
}
body.single-product .sg-full-reviews .comment-reply-title {
    font-family: var(--sg-font-display) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--sg-black) !important;
}
body.single-product .sg-full-reviews .comment-form-rating select,
body.single-product .sg-full-reviews #comment,
body.single-product .sg-full-reviews #author {
    font-family: var(--sg-font-body) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    padding: 0.6rem 0.85rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* پیش‌فرض ووکامرس ۸ ردیفی و خیلی بلنده؛ با بقیه‌ی فیلدهای جمع‌وجور سایت هماهنگ نیست */
body.single-product .sg-full-reviews #comment {
    height: 110px !important;
    resize: vertical !important;
}
/* فاصله‌ی پیش‌فرض خیلی زیاد بین پاراگراف‌های فرم (امتیاز/متن دیدگاه/دکمه) رو جمع می‌کنیم */
body.single-product .sg-full-reviews #respond p {
    margin: 0 0 0.9rem !important;
}
body.single-product .sg-full-reviews .comment-form-rating label,
body.single-product .sg-full-reviews .comment-form-comment label,
body.single-product .sg-full-reviews .comment-form-author label {
    display: block !important;
    margin-bottom: 0.35rem !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
}
body.single-product .sg-full-reviews .form-submit input#submit {
    padding: 0.75rem 1.5rem !important;
    background: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
body.single-product .sg-full-reviews .form-submit input#submit:hover {
    background: var(--sg-gold) !important;
    color: #1A1A1A !important;
}

/* چون توضیحات و نظرات جای تب‌ها رو گرفتن، محصولات مشابه دو ردیف پایین‌تر میاد */
body.single-product div.product .sg-related-products-wrapper {
    grid-row: 4 !important;
}
@media only screen and (max-width: 768px) {
    body.single-product div.product .sg-full-description {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }
    body.single-product div.product .sg-full-reviews {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }
    body.single-product div.product .sg-related-products-wrapper {
        grid-row: 5 !important;
    }
}

/* =========================================================
   کاروسل «محصولات مشابه» توی صفحه محصول — فقط اینجا کوچیک‌تر بمونه
   (کاروسل‌های صفحه اصلی دست‌نخورده و بزرگ می‌مونن)
   ========================================================= */
body.single-product .sg-related-products-wrapper .sg-carousel-row ul.products li.product {
    flex: 0 0 260px !important;
    width: 260px !important;
    max-width: 260px !important;
    min-width: 260px !important;
}

/* =========================================================
   عکس محصولات توی همه کاروسل‌ها — مربعی (۱ به ۱)
   ========================================================= */
.sg-carousel-row ul.products li.product img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* =========================================================
   جلوگیری از سرریز افقی صفحه توسط کاروسل‌ها (محافظ اضافی)
   ========================================================= */
.sg-related-products-wrapper,
.sg-carousel-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* =========================================================
   موبایل: کادر فوتر پایین (کپی‌رایت) جمع‌وجورتر
   ========================================================= */
@media only screen and (max-width: 768px) {
    .sg-footer {
        padding: 1rem 1rem 0.7rem !important;
    }
    .sg-footer__brand {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    .sg-footer__links {
        gap: 0.7rem !important;
        margin-bottom: 0.5rem !important;
        font-size: 0.72rem !important;
    }
    .sg-footer__copy {
        font-size: 0.65rem !important;
    }
}

/* =========================================================
   استایل اختصاصی هدر موبایل جدید — همبرگری+جستجو راست، لوگو وسط، سبد+آدمک چپ
   ========================================================= */
@media only screen and (max-width: 768px) {
    /* مخفی کردن هدر قدیمی (فقط ردیف برند/جستجو، نه ردیف ناوبری/آیکون‌ها) */
    .site-header .col-full {
        display: none !important;
    }
    body {
        padding-bottom: 64px !important;
    }
    .sg-mobile-hamburger,
    .sg-mobile-search-icon,
    .sg-mobile-account-icon {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #1A1A1A !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
    }
    .sg-mobile-logo-link {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .sg-mobile-logo-img {
        height: 32px !important;
        width: auto !important;
    }
    .sg-mobile-cart-icon {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #1A1A1A !important;
        margin: 0 !important;
    }
    .sg-mobile-account-icon {
        margin: 0 !important;
    }
    .sg-mobile-cart-badge {
        position: absolute !important;
        top: -8px !important;
        left: -10px !important;
        background: #C5A059 !important;
        color: #FFFFFF !important;
        font-size: 10px !important;
        font-weight: bold !important;
        min-width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 3px !important;
        line-height: 1 !important;
    }
}

/* =========================================================
   منوی کشویی همبرگری (موبایل و تبلت — هم‌مرز با هدر: ۹۹۰px)
   بخش اصلی با آیکون + «خدمات مشتری» کم‌رنگ‌تر
   ========================================================= */
.sg-category-panel,
.sg-category-panel-backdrop {
    display: none;
}
@media only screen and (max-width: 990px) {
    .sg-category-panel-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(43, 36, 32, 0.45);
        z-index: 1000000; /* هم‌سطح پنل جستجو، بالای هدر (999999) */
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.22s ease;
    }
    .sg-category-panel-backdrop.is-open {
        opacity: 1;
        pointer-events: auto;
    }
    .sg-category-panel {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 86%;
        max-width: 360px;
        background: #F8F7F4;
        z-index: 1000001;
        box-shadow: -12px 0 32px rgba(43, 36, 32, 0.14);
        transform: translateX(100%);
        transition: transform 0.24s ease;
        overflow-y: auto;
        overscroll-behavior: contain;
        box-sizing: border-box;
        padding: 0 0 calc(24px + env(safe-area-inset-bottom));
        outline: none;
        color: #2B2420;
    }
    .sg-category-panel.is-open {
        transform: translateX(0);
    }
    html.sg-menu-open,
    html.sg-menu-open body {
        overflow: hidden !important; /* beats the global overflow: visible !important used by the sticky header */
    }
    /* the chat launcher sits above everything; keep it out of the open menu */
    html.sg-menu-open #swan-chat {
        visibility: hidden;
    }

    /* سربرگ: لوگو + نام برند + بستن */
    .sg-category-panel__header {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: calc(14px + env(safe-area-inset-top)) 18px 14px;
        background: #FFFFFF;
        border-bottom: 1px solid #ECE6DB;
    }
    .sg-menu-brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #2B2420;
        text-decoration: none;
        font-weight: 700;
        font-size: 1rem;
    }
    .sg-menu-brand img {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: block;
    }
    .sg-category-panel__close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-inline-end: -8px;
        background: none;
        border: none;
        border-radius: 50%;
        color: #2B2420;
        cursor: pointer;
        padding: 0;
    }
    .sg-category-panel__close:hover,
    .sg-category-panel__close:focus-visible {
        background: #F1ECE3;
        outline: none;
    }

    /* بخش اصلی */
    .sg-menu-main,
    .sg-menu-info {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sg-menu-main {
        margin: 12px 12px 0;
        background: #FFFFFF;
        border: 1px solid #ECE6DB;
        border-radius: 12px;
        overflow: hidden;
    }
    .sg-menu-main > li + li {
        border-top: 1px solid #F1ECE3;
    }
    .sg-menu-item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        min-height: 54px;
        padding: 0 16px;
        background: none;
        border: none;
        color: #2B2420;
        font-family: inherit;
        font-size: 0.98rem;
        font-weight: 400;
        text-align: right;
        text-decoration: none;
        cursor: pointer;
        box-sizing: border-box;
        transition: background-color 0.15s ease;
    }
    .sg-menu-item:hover,
    .sg-menu-item:focus-visible {
        background: #FAF7F1;
        outline: none;
    }
    .sg-menu-item__icon {
        flex-shrink: 0;
        color: #8A8178;
    }
    .sg-menu-item > span:not(.sg-menu-item__live) {
        flex: 1;
    }
    .sg-menu-item.is-current {
        font-weight: 700;
    }
    .sg-menu-item.is-current .sg-menu-item__icon {
        color: #A88418;
    }
    .sg-menu-item.is-current::before {
        content: '';
        position: absolute;
        right: 0;
        top: 12px;
        bottom: 12px;
        width: 3px;
        border-radius: 3px 0 0 3px;
        background: #C9A227;
    }
    .sg-menu-item__live {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #E5322D;
        flex-shrink: 0;
        animation: sgLivePulse 1.7s ease-out infinite;
    }

    /* آکاردئون دسته‌ها: شبکه‌ی دوستونه */
    .sg-menu-accordion__chevron {
        flex-shrink: 0;
        color: #A88418;
        transition: transform 0.2s ease;
    }
    .sg-menu-accordion.is-open .sg-menu-accordion__chevron {
        transform: rotate(180deg);
    }
    .sg-menu-accordion__sub {
        list-style: none;
        margin: 0;
        padding: 0 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.24s ease, padding 0.24s ease;
    }
    .sg-menu-accordion.is-open .sg-menu-accordion__sub {
        max-height: 70vh;
        padding: 4px 12px 14px;
    }
    .sg-menu-accordion__sub a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 6px 10px;
        background: #F8F7F4;
        border: 1px solid #ECE6DB;
        border-radius: 8px;
        color: #2B2420;
        font-size: 0.9rem;
        text-align: center;
        text-decoration: none;
        line-height: 1.5;
        box-sizing: border-box;
    }
    .sg-menu-accordion__sub a:hover,
    .sg-menu-accordion__sub a:focus-visible {
        border-color: #C9A227;
        outline: none;
    }
    .sg-menu-accordion__sub a.is-current {
        border-color: #C9A227;
        font-weight: 700;
    }

    /* خدمات مشتری — ساده و کم‌رنگ‌تر */
    .sg-menu-label {
        margin: 22px 28px 6px;
        font-size: 0.78rem;
        color: #8A8178;
    }
    .sg-menu-info {
        margin: 0 12px;
    }
    .sg-menu-info a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 0 16px;
        color: #5C554D;
        font-size: 0.9rem;
        text-decoration: none;
        border-radius: 8px;
    }
    .sg-menu-info a:hover,
    .sg-menu-info a:focus-visible {
        background: #F1ECE3;
        outline: none;
    }
    .sg-menu-info a.sg-menu-info__strong {
        color: #2B2420;
    }
    .sg-menu-info a.is-current {
        color: #A88418;
        font-weight: 700;
    }
}
@media (prefers-reduced-motion: reduce) {
    .sg-category-panel,
    .sg-category-panel-backdrop,
    .sg-menu-accordion__sub,
    .sg-menu-accordion__chevron { transition: none !important; }
    .sg-menu-item__live { animation: none !important; }
}


/* =========================================================
   استایل تیز، لوکس و مینیمال کارت و دکمه محصول
   (نکته: بخش «۴ قسط» عمداً اینجا دست‌نخورده می‌مونه —
   طراحی اصلیش بالاتر توی همین فایل، تعریف .sg-installment-btn هست)
   ========================================================= */
.products .product,
.sg-related-products-wrapper .product {
    border-radius: 4px !important;
    border: 1px solid #EEEEEE !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    padding: 12px !important;
}

/* ==========================================
   دکمه افزودن به سبد خرید (زغالی با نوشته طلایی مات)
   ========================================== */
.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button {
    background-color: #2B2420 !important;
    color: #C5A059 !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 0 20px !important;
    font-weight: bold !important;
    font-size: clamp(0.65rem, 2.4vw, 0.9rem) !important;
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.add_to_cart_button:hover {
    background-color: #C5A059 !important;
    color: #1A1A1A !important;
    border-color: #C5A059 !important;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.25) !important;
}

/* =========================================================
   یکپارچه‌سازی کامل دکمه‌های هدر دسکتاپ (خانه، فروشگاه، سبد خرید، ورود)
   ========================================================= */
.storefront-primary-navigation .site-header-cart .cart-contents,
.storefront-primary-navigation .site-header-cart .cart-contents:hover,
.storefront-primary-navigation .main-navigation .primary-navigation ul.menu {
    display: flex !important;
    gap: 0.5rem !important;
    align-items: center !important;
}
.storefront-primary-navigation .site-header-cart {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 0.5rem !important;
}
.storefront-primary-navigation a.cart-contents {
    color: var(--sg-black, #191919) !important;
}
.storefront-primary-navigation a.cart-contents .amount {
    color: var(--sg-gold-dark, #C5A059) !important;
    font-weight: 700 !important;
    margin-right: 4px;
}

/* ایمنی اضافه: اگه عدد خیلی طولانی بود، به‌جای رد شدن از لبه، با ... کوتاه بشه */
.sg-installment-btn .sg-installment-btn__number {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100%;
}

/* =========================================================
   دکمه «مشاهده سبد خرید» (بعد از افزودن) — هماهنگ با طراحی جدید
   ========================================================= */
.woocommerce a.added_to_cart.wc-forward,
.woocommerce .added_to_cart.wc-forward,
.woocommerce-message a.button.wc-forward {
    background-color: #2B2420 !important;
    color: #C5A059 !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 0 20px !important;
    font-weight: bold !important;
    font-size: clamp(0.65rem, 2.4vw, 0.9rem) !important;
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}
.woocommerce a.added_to_cart.wc-forward:hover,
.woocommerce .added_to_cart.wc-forward:hover,
.woocommerce-message a.button.wc-forward:hover {
    background-color: #C5A059 !important;
    color: #1A1A1A !important;
    border-color: #C5A059 !important;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.25) !important;
}

/* =========================================================
   دکمه «۴ قسط» توی صفحه سبد خرید (بخش محصولات مشابه/پیشنهادی) — اندازه متناسب‌تر با کارت‌های باریک‌تر اونجا
   ========================================================= */
body.woocommerce-cart .sg-installment-btn {
    height: 38px !important;
}
body.woocommerce-cart .sg-installment-btn .sg-installment-btn__label,
body.woocommerce-cart .sg-installment-btn .sg-installment-btn__amount,
body.woocommerce-cart .sg-installment-btn .sg-installment-btn__number,
body.woocommerce-cart .sg-installment-btn .sg-installment-btn__unit {
    font-size: 0.68rem !important;
}

/* =========================================================
   دکمه «۴ قسط» توی صفحه محصول (موبایل)
   نکته: قبلاً اینجا یه سایز ثابت (0.8rem) برای متن ست شده بود که روی گوشی‌های
   باریک، عدد اقساط رو (چون white-space:nowrap داره) از قاب دکمه بیرون می‌زد
   و ناخوانا/بریده می‌شد. سایز پایه‌ی متن (بالاتر توی همین فایل، تعریف
   .sg-installment-btn) با clamp() از قبل خودش رو با عرض صفحه تنظیم می‌کنه؛
   اون override اینجا حذف شد تا جلوی همون تنظیم خودکار رو نگیره.
   ========================================================= */

/* =========================================================
   قانون نهایی و قطعی دکمه افزودن به سبد صفحه محصول
   (چون یه قانون قدیمی‌تر با انتخابگر قوی‌تر «woocommerce button.button»
   داشت باهاش تداخل می‌کرد، این‌بار با قدرت بیشتر و آخر فایل غالبش می‌کنیم)
   ========================================================= */
.woocommerce .single-product button.single_add_to_cart_button,
.woocommerce.single-product button.single_add_to_cart_button,
.woocommerce .single-product a.single_add_to_cart_button,
.woocommerce.single-product a.single_add_to_cart_button {
    background: #2B2420 !important;
    background-color: #2B2420 !important;
    border: 1px solid #2B2420 !important;
    color: #C5A059 !important;
    border-radius: 8px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    outline: none !important;
}
.woocommerce .single-product button.single_add_to_cart_button:hover,
.woocommerce.single-product button.single_add_to_cart_button:hover,
.woocommerce .single-product a.single_add_to_cart_button:hover,
.woocommerce.single-product a.single_add_to_cart_button:hover {
    background: #C5A059 !important;
    background-color: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #1A1A1A !important;
}

/* =========================================================
   برندینگ اختصاصی هدر — لوگوی تصویری + نوشته شیک (جایگزین برندینگ پیش‌فرض قالب)
   ========================================================= */
.site-header .site-branding {
    display: none !important;
}
@media only screen and (max-width: 768px) {
}


/* =========================================================
   چیدمان نهایی هدر دسکتاپ — بدون جابه‌جایی با جاوااسکریپت (روش ساده و مطمئن)
   لوگو و خانه/فروشگاه توی جای طبیعی خودشون می‌مونن (که همین الان زیر همدیگه‌ن)
   فقط باکس جستجو با position:absolute دقیق وسط هدر می‌شینه
   ========================================================= */
@media only screen and (min-width: 769px) {

    /* هدر: زمینه برای وسط‌چین کردن مطلق باکس جستجو */
    .site-header {
        position: relative !important;
    }

    /* لوگو و خانه/فروشگاه — راست‌چین (اصلاح‌شده: flex-end توی RTL یعنی چپ، نه راست) */
    .site-header > .col-full {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    .storefront-primary-navigation .col-full {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    #site-navigation {
        display: flex !important;
    }
}

/* =========================================================
   فاصله بین ردیف لوگو و ردیف دکمه‌ها (خانه/فروشگاه/سبد/ورود) — دسکتاپ
   ========================================================= */
@media only screen and (min-width: 769px) {
    .site-header > .col-full {
        padding-bottom: 2.6rem !important;
    }
}

/* =========================================================
   قانون قطعی نهایی — راست‌چین کردن لوگو (عمداً آخر فایل، بالاترین اولویت)
   ========================================================= */
@media only screen and (min-width: 769px) {
    html body .site-header > .col-full {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
}

/* =========================================================
   فاصله بین نوار قیمت طلا و ردیف لوگو — دسکتاپ
   ========================================================= */
@media only screen and (min-width: 769px) {
    .site-header > .col-full {
        padding-top: 1.4rem !important;
    }
}

/* =========================================================
   تراز کردن ردیف لوگو و ردیف خانه/فروشگاه با پدینگ یکسان دو طرف
   ========================================================= */
@media only screen and (min-width: 769px) {
    .site-header > .col-full,
    .storefront-primary-navigation .col-full {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   باکس جستجو — همیشه‌نمایان، ثابت وسط هدر
   ========================================================= */
@media only screen and (min-width: 769px) {
    .site-header {
        position: relative !important;
    }
    .site-header .sg-search-toggle {
        display: none !important;
    }
}

.sg-search-container {
    display: inline-flex !important;
    align-items: stretch !important;
    width: 320px;
    max-width: 100%;
    height: 40px !important;
    max-height: 40px !important;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #C5A059;
    box-shadow: none;
    overflow: hidden;
    box-sizing: border-box !important;
}
.sg-search-form {
    display: flex !important;
    align-items: stretch !important;
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
}
.sg-search-field {
    flex: 1;
    min-width: 0;
    height: 100% !important;
    max-height: 100% !important;
    border: none;
    background-color: #FFFFFF !important;
    background-image: none !important;
    padding: 0 14px !important;
    margin: 0 !important;
    font-size: 0.85rem;
    line-height: normal;
    font-family: var(--sg-font-body);
    color: #222222;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    box-sizing: border-box !important;
}
.sg-search-field::-webkit-search-decoration,
.sg-search-field::-webkit-search-cancel-button,
.sg-search-field::-webkit-search-results-button,
.sg-search-field::-webkit-search-results-decoration {
    display: none;
}
.sg-search-field::placeholder {
    color: #999999;
}
.sg-search-submit {
    flex: 0 0 auto;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    background-color: transparent;
    border: none;
    border-right: none;
    border-left: 1px solid #E8DFCE;
    padding: 0 14px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease;
}
.sg-search-submit:hover {
    background-color: #FAF4E6;
}
.sg-search-submit svg path {
    stroke: #C5A059;
}

/* موبایل: این باکس اصلاً نمایش داده نشه، همون آیکون قدیمی نوار پایین کار می‌کنه */
@media only screen and (max-width: 768px) {
}

/* =========================================================
   انتخاب‌گر وزن — توی صفحه محصول، وقتی چندتا وزن موجود باشه
   ========================================================= */
body.single-product .sg-weight-selector {
    margin: 1rem 0 !important;
    display: block !important;
}
body.single-product .sg-weight-selector__label {
    display: block !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin-bottom: 0.5rem !important;
}
body.single-product .sg-weight-selector__options {
    /* شبکه‌ی ثابت (نه flex-wrap آزاد) تا همیشه دقیقاً همون تعداد ردیفی که
       می‌خوایم دربیاد: دسکتاپ یک ردیف (تا ۶ وزن)، صفحه‌ی میانی دو ردیف،
       موبایل سه ردیف — نه هرجا که جا نشد بشکنه */
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body.single-product label.sg-weight-option {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.5rem 0.6rem !important;
    margin: 0 !important;
    border: 1px solid #E8DFCE !important;
    border-radius: 2px !important;
    background-color: #FFFFFF !important;
    color: #222222 !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    line-height: normal !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}
body.single-product label.sg-weight-option input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
body.single-product label.sg-weight-option span {
    display: inline !important;
    pointer-events: none;
}
body.single-product label.sg-weight-option.is-active {
    border-color: #C5A059 !important;
    background-color: #FAF4E6 !important;
    color: #9E7B3B !important;
    font-weight: 600 !important;
}
body.single-product label.sg-weight-option:hover {
    border-color: #C5A059 !important;
}

/* =========================================================
   گزینه‌های وزن — نقطه‌شکست میانی: دو ردیف (۳ ستونه)
   ========================================================= */
@media only screen and (max-width: 900px) and (min-width: 769px) {
    body.single-product .sg-weight-selector__options {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* =========================================================
   موبایل: چیدمان مرتب گزینه‌های وزن — شبکه ۲ ستونه (سه ردیف برای ۶ وزن)
   ========================================================= */
@media only screen and (max-width: 768px) {
    body.single-product .sg-weight-selector__options {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
    body.single-product label.sg-weight-option {
        width: 100% !important;
        padding: 0.5rem 0.4rem !important;
        font-size: 0.78rem !important;
        text-align: center !important;
    }
}

/* =========================================================
   ویژگی‌های برجسته — فهرست شیک زیر قیمت در صفحه‌ی محصول
   ========================================================= */
body.single-product .sg-highlights {
    margin: 1rem 0 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--sg-border-light);
}
body.single-product .sg-highlights__head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0.8rem;
}
body.single-product .sg-highlights__bar {
    width: 4px;
    height: 16px;
    background: var(--sg-gold);
    border-radius: 2px;
    display: inline-block;
}
body.single-product .sg-highlights__title {
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--sg-black);
}
body.single-product .sg-highlights__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
body.single-product .sg-highlights__item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.9rem;
    line-height: 1.6;
}
body.single-product .sg-highlights__icon {
    color: var(--sg-gold);
    flex-shrink: 0;
    margin-top: 3px;
}
body.single-product .sg-highlights__label {
    color: var(--sg-text-muted);
}
body.single-product .sg-highlights__value {
    color: var(--sg-black);
    font-weight: 500;
}

/* =========================================================
   مدرن‌سازی صفحه‌ی محصول — ریتمِ فشرده، مشخصاتِ چیپی، عکسِ چسبانِ دسکتاپ
   (بدون افزونه؛ فقط جمع‌وجورتر و منسجم‌تر کردنِ همون اجزا)
   ========================================================= */
/* ۱) ریتمِ عمودیِ یکدست و جمع‌وجور در ستونِ اطلاعات — به‌جای گَپ‌های بزرگِ بی‌ریتم */
body.single-product div.product .summary {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
body.single-product div.product .summary > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ۲) مشخصات به‌شکلِ چیپ (وزن/عیار/رنگ/کد/ابعاد) به‌جای خطِ پخش‌شده */
body.single-product .sg-product-meta {
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    align-items: center !important;
}
body.single-product .sg-product-meta .sg-meta-item {
    background: #F4F0E8 !important;
    color: #7a6a45 !important;
    font-size: 0.72rem !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
    line-height: 1.7 !important;
}
/* درصد تخفیف، چیپِ طلایی بمونه (نه بژ) */
body.single-product .sg-product-meta .sg-discount-badge {
    background: var(--sg-gold) !important;
    color: #ffffff !important;
}
/* نرخ لحظه‌ای: یه خطِ کاملِ ریز و کم‌رنگ زیرِ چیپ‌ها (نه یه بلوکِ بزرگ) */
body.single-product .sg-product-meta .sg-live-price {
    flex-basis: 100% !important;
    margin-top: 4px !important;
    font-size: 0.72rem !important;
    color: #9a9a9a !important;
}

/* ۳) عکسِ محصول روی دسکتاپ «چسبان» — با اسکرولِ اطلاعات، عکس بالای صفحه می‌مونه.
   شرطش اینه که والد (div.product) کلیپ نکنه؛ overflow:hidden هم sticky رو می‌شکنه
   هم باعثِ اختلافِ ارتفاعِ کارت‌ها می‌شد. روی دسکتاپ visible می‌شه. */
@media only screen and (min-width: 769px) {
    body.single-product div.product {
        overflow: visible !important;
    }
    body.single-product div.product .woocommerce-product-gallery,
    body.single-product div.product .images {
        position: sticky !important;
        top: 100px !important;
        align-self: start !important;
        z-index: 1 !important;
    }
    /* بخش‌های تمام‌عرضِ زیر، بالاتر از عکسِ چسبان بشینن تا عکس روی متن نیفته
       (با اسکرول، این کارت‌های سفید روی عکس می‌آن و تمیز پوششش می‌دن) */
    body.single-product div.product .sg-full-description,
    body.single-product div.product .sg-full-reviews,
    body.single-product div.product .product_meta,
    body.single-product div.product .sg-related-products-wrapper {
        position: relative !important;
        z-index: 3 !important;
    }
}

/* ۴) دسته‌بندی و برچسب‌های پایینِ اطلاعات — ریز، کم‌رنگ و مرتب (نه پخش و تو ذوق‌زننده) */
body.single-product .product_meta {
    grid-column: 1 / -1 !important; /* حالا زیرِ توضیحاته و باید تمام‌عرض باشه */
    margin-top: 4px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--sg-border-light) !important;
    font-size: 0.75rem !important;
    color: #aaaaaa !important;
    line-height: 2 !important;
}
body.single-product .product_meta > span {
    display: block !important;
}
body.single-product .product_meta a {
    color: #7a6a45 !important;
    text-decoration: none !important;
}
body.single-product .product_meta a:hover {
    color: var(--sg-gold-dark) !important;
}

/* رفعِ «شکلک سفیدِ روی متن» در جعبه‌های پیغام ووکامرس (دیدگاه‌ها و…):
   یه آیکونِ Font Awesomeِ سفید بود که فونتش درست لود نمی‌شد و به‌شکل مربعِ خالی
   روی نوشته می‌افتاد. حذفش می‌کنیم — تمیزتر و مطابق سبکِ مینیمالِ سایت. */
.woocommerce-info::before,
.woocommerce-noreviews::before,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-store-notice::before {
    display: none !important;
    content: none !important;
}

/* =========================================================
   نوار خرید چسبانِ پایین صفحه — فقط موبایل، فقط صفحه‌ی محصول
   قیمت زنده + وزن مینیمال + دکمه‌ی سبد (آیکون)
   ========================================================= */
.sg-sticky-cart { display: none; }

@media only screen and (max-width: 768px) {
    body.single-product .sg-sticky-cart {
        display: flex !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 999 !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0.75rem !important;
        padding: 0.6rem 1rem !important;
        padding-bottom: calc(0.6rem + env(safe-area-inset-bottom, 0px)) !important;
        background: #FFFFFF !important;
        border-top: 0.5px solid #E8DFCE !important;
        box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.08) !important;
        /* همیشه ثابت پایین صفحه‌ی موبایل — بدون وابستگی به اسکرول */
    }
    /* جا برای نوار، تا آخرین محتوای صفحه زیرش قایم نشه (نوار ~۶۸px + safe-area) */
    body.single-product {
        padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    }
    /* دکمه‌ی چتِ زنده روی نوارِ خرید می‌افتاد؛ روی صفحه‌ی محصول بالاتر می‌بریمش تا رویش نیفته */
    body.single-product #swan-chat {
        bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .sg-sticky-cart__info {
        display: flex !important;
        flex-direction: column !important;
        line-height: 1.3 !important;
        min-width: 0 !important;
    }
    .sg-sticky-cart__price .woocommerce-Price-amount {
        font-size: 1.05rem !important;
        font-weight: 600 !important;
        color: #A88418 !important;
    }
    .sg-sticky-cart__price .woocommerce-Price-currencySymbol {
        font-size: 0.68rem !important;
        font-weight: 400 !important;
        color: #8a8a8a !important;
        margin-right: 2px !important;
    }
    .sg-sticky-cart__weight {
        font-size: 0.75rem !important;
        color: #8a8a8a !important;
    }
    /* دکمه‌ی سبد: آیکون + متن (چون جا هست)، هماهنگ با دکمه‌ی اصلی سایت (زغالی + طلایی) */
    .sg-sticky-cart__btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        flex: 1 1 auto !important;
        max-width: 62% !important;
        height: 48px !important;
        padding: 0 1.1rem !important;
        background: #2B2420 !important;
        color: #C5A059 !important;
        border: none !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
    }
    .sg-sticky-cart__btn svg {
        width: 22px !important;
        height: 22px !important;
        flex-shrink: 0 !important;
    }
    .sg-sticky-cart__btn-text {
        font-family: var(--sg-font-body) !important;
        font-weight: 600 !important;
        font-size: 0.95rem !important;
        white-space: nowrap !important;
    }
    .sg-sticky-cart__btn:active {
        transform: scale(0.97) !important;
        background: #C5A059 !important;
        color: #2B2420 !important;
    }

    /* دکلاتر صفحه‌ی محصول موبایل: نوار اعتماد + بلوک اینستاگرام/برند/تماس فوتر حذف
       (فوتر قهوه‌ای با لینک‌های قانونی می‌مونه، چون تنها جای اون لینک‌هاست) */
    body.single-product .sg-trust-bar,
    body.single-product .sg-footer-main {
        display: none !important;
    }

    /* دکمه‌ی «افزودن به سبد» روی موبایل هم زیر محصول می‌مونه (جای خالیش تو ذوق می‌زد)؛
       نوار چسبانِ پایین به‌عنوان دسترسیِ همیشگی کنارش می‌مونه. */

    /* فوتر قهوه‌ای هم روی صفحه‌ی محصولِ موبایل حذف می‌شه —
       لینک‌های قانونی حالا توی منوی همبرگری در دسترسن */
    body.single-product .sg-footer {
        display: none !important;
    }

    /* کم‌کردن فضای خالیِ بالای عکس محصول (هدر → عکس) و باریک‌کردن حاشیه‌ی قاب عکس */
    body.single-product div.product {
        margin-top: 8px !important;
    }
    body.single-product .storefront-breadcrumb {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        margin-bottom: 6px !important;
    }
    body.single-product .woocommerce-breadcrumb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        font-size: 0.72rem !important;
    }
    body.single-product .woocommerce-product-gallery {
        padding: 5px !important;
        margin-bottom: 14px !important;
    }
}

/* =========================================================
   کاروسل محصولات روی موبایل: تمام‌عرض (full-bleed) تا حاشیه‌ی صفحه به حداقل برسه
   ردیف از قابِ محدودکننده (col-full) بیرون می‌زنه و عرضِ کامل صفحه رو می‌گیره؛
   کارت‌ها فقط ۱۰px از لبه فاصله دارن. عنوانِ سکشن دست‌نخورده می‌مونه (بیرون ردیفه).
   ========================================================= */
@media only screen and (max-width: 768px) {
    .sg-carousel-row {
        margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        width: var(--sg-vw, 100vw) !important;
        max-width: var(--sg-vw, 100vw) !important;
    }
    .sg-carousel-row ul.products {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* =========================================================
   صفحه سبد خرید/پرداخت (موبایل) — هیچ هدری بالای صفحه، فقط نقشه‌راه خرید
   ========================================================= */
.sg-checkout-steps {
    display: none;
}

@media only screen and (max-width: 768px) {
    body.woocommerce-cart .sg-rate-ticker,
    body.woocommerce-checkout .sg-rate-ticker {
        display: none !important;
    }
    body.woocommerce-cart,
    body.woocommerce-checkout {
        padding-top: 0 !important;
    }

    .sg-checkout-steps {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0;
        background: var(--sg-white);
        padding: 1.2rem 1rem 1rem;
        border-bottom: 1px solid var(--sg-champagne);
        position: relative;
    }
    .sg-checkout-step {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.35rem;
        flex: 1;
        position: relative;
    }
    /* خط اتصال بین دایره‌ها */
    .sg-checkout-step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 19px;
        right: 50%;
        width: 100%;
        height: 1px;
        background: var(--sg-border-light, #E8DFCE);
        z-index: 0;
    }
    .sg-checkout-step__circle {
        position: relative;
        z-index: 1;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: var(--sg-white);
        border: 1.5px solid var(--sg-border-light, #E8DFCE);
        color: #999;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.25s ease;
    }
    .sg-checkout-step__label {
        font-size: 0.7rem;
        color: #999;
    }
    /* مرحله فعال فعلی — رینگ فیروزه‌ای دور دایره */
    .sg-checkout-step.is-active .sg-checkout-step__circle {
        border-color: #C5A059;
        color: #C5A059;
        box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.18);
    }
    .sg-checkout-step.is-active .sg-checkout-step__label {
        color: #C5A059;
        font-weight: 600;
    }
    /* مرحله‌های طی‌شده — دایره پر */
    .sg-checkout-step.is-done .sg-checkout-step__circle {
        background: #C5A059;
        border-color: #C5A059;
        color: #FFFFFF;
    }
    .sg-checkout-step.is-done .sg-checkout-step__label {
        color: #C5A059;
    }
}

/* =========================================================
   صفحه سبد خرید/پرداخت (موبایل) — نوار «جمع خرید شما» بالای نوار پایین معمولی
   ========================================================= */
.sg-cart-total-bar {
    display: none;
}
@media only screen and (max-width: 768px) {
    body.woocommerce-cart .sg-footer,
    body.woocommerce-cart .sg-footer-main,
    body.woocommerce-cart .sg-trust-bar {
        display: none !important;
    }
    /* پیام‌های سبد (.woocommerce-info و .woocommerce-message) قبلاً اینجا
       مخفی می‌شدن تا جا برای نوار جمع کل باز بشه — ولی این یعنی کاربر
       موبایل خطای کد تخفیف یا مشکل موجودی رو اصلاً نمی‌دید. حالا نمایش
       داده می‌شن، با استایل جمع‌وجور بخش «نوارهای اطلاع‌رسانی». */
    body.woocommerce-cart,
    body.woocommerce-checkout {
        padding-bottom: 120px !important;
    }
    .sg-cart-total-bar {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        bottom: 64px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 44px !important;
        background: #FFFFFF !important;
        border-top: 1px solid var(--sg-champagne) !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06) !important;
        z-index: 999998 !important;
        box-sizing: border-box !important;
        font-family: var(--sg-font-body);
        font-size: 0.85rem;
        color: #1A1A1A;
        direction: rtl;
    }
    .sg-cart-total-bar strong {
        color: #C5A059;
        font-family: var(--sg-font-display);
        margin-right: 0.3rem;
    }
}

/* =========================================================
   کارت‌های محصول توی صفحه سبد خرید (موبایل) — عکس بزرگ بالا، اسم و قیمت زیرش
   ========================================================= */
@media only screen and (max-width: 768px) {
    .woocommerce-cart table.cart {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    .woocommerce-cart table.cart thead {
        display: none !important;
    }
    .woocommerce-cart table.cart tbody {
        display: block !important;
    }
    .woocommerce-cart table.cart tr.cart_item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        background: #FFFFFF !important;
        border: 1px solid var(--sg-champagne) !important;
        border-radius: 8px !important;
        padding: 1.2rem 1rem 1rem !important;
        margin-bottom: 1rem !important;
        box-sizing: border-box !important;
    }
    .woocommerce-cart table.cart td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border: none !important;
        padding: 0 !important;
    }
    .woocommerce-cart table.cart td.product-remove {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        width: auto !important;
    }
    .woocommerce-cart table.cart td.product-remove a.remove {
        width: 26px !important;
        height: 26px !important;
        line-height: 24px !important;
        font-size: 16px !important;
        border-radius: 50% !important;
        background: #F5F5F5 !important;
        color: #C0392B !important;
    }
    .woocommerce-cart table.cart td.product-thumbnail {
        margin-bottom: 0.7rem !important;
    }
    .woocommerce-cart table.cart td.product-thumbnail img {
        width: 150px !important;
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
        margin: 0 auto !important;
    }
    .woocommerce-cart table.cart td.product-name {
        font-family: var(--sg-font-display);
        font-weight: 600 !important;
        font-size: 1rem !important;
        color: var(--sg-black) !important;
        margin-bottom: 0.5rem !important;
    }
    .woocommerce-cart table.cart td.product-name a {
        color: var(--sg-black) !important;
        text-decoration: none !important;
    }
    /* وزن هم اینجا نشون داده می‌شه (متای وزن انتخاب‌شده) */
    .woocommerce-cart table.cart td.product-name dl.variation,
    .woocommerce-cart table.cart td.product-name .wc-item-meta {
        display: flex !important;
        justify-content: center !important;
        gap: 0.3rem !important;
        font-size: 0.78rem !important;
        color: #888 !important;
        margin: 0 0 0.5rem !important;
    }
    /* چون هر محصول تک‌فروشیه، ستون تعداد نیازی نیست */
    .woocommerce-cart table.cart td.product-quantity {
        display: none !important;
    }
    .woocommerce-cart table.cart td.product-price {
        display: none !important;
    }
    .woocommerce-cart table.cart td.product-subtotal {
        font-family: var(--sg-font-display);
        font-weight: 700 !important;
        font-size: 1.05rem !important;
        color: #C5A059 !important;
    }
}

/* =========================================================
   نوار تبلیغاتی باریک — بالای نوار قیمت طلا (همه حالت‌ها)
   ========================================================= */
.sg-ad-strip {
    display: block;
    width: 100%;
    max-height: 46px;
    overflow: hidden;
    line-height: 0;
}
.sg-ad-strip img {
    width: 100%;
    height: 46px;
    object-fit: cover;
    display: block;
}
@media only screen and (max-width: 768px) {
    .sg-ad-strip {
        max-height: 42px;
    }
    .sg-ad-strip img {
        height: 42px;
    }
}

/* =========================================================
   قانون نهایی و قطعی — کارت محصول سبد خرید (موبایل)
   (نسخه با انتخابگر گسترده‌تر و اولویت بیشتر، عمداً آخر فایل)
   ========================================================= */
@media only screen and (max-width: 768px) {
    html body.woocommerce-cart table.cart,
    html body.woocommerce-cart table.shop_table {
        display: block !important;
    }
    html body.woocommerce-cart table.cart thead,
    html body.woocommerce-cart table.shop_table thead {
        display: none !important;
    }
    html body.woocommerce-cart table.cart tbody,
    html body.woocommerce-cart table.shop_table tbody {
        display: block !important;
        width: 100% !important;
    }
    html body.woocommerce-cart .cart_item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        position: relative !important;
        background: #FFFFFF !important;
        border: 1px solid #EEEEEE !important;
        border-radius: 8px !important;
        padding: 1.2rem 1rem 1rem !important;
        margin-bottom: 1rem !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }
    html body.woocommerce-cart .cart_item td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border: none !important;
        padding: 0 !important;
    }
    html body.woocommerce-cart .cart_item td::before {
        content: "" !important;
    }
    html body.woocommerce-cart .cart_item .product-remove {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        width: auto !important;
    }
    html body.woocommerce-cart .cart_item .product-thumbnail {
        margin-bottom: 0.7rem !important;
    }
    html body.woocommerce-cart .cart_item .product-thumbnail img {
        width: 150px !important;
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
        margin: 0 auto !important;
        max-width: 150px !important;
    }
    html body.woocommerce-cart .cart_item .product-name {
        font-weight: 600 !important;
        font-size: 1rem !important;
        color: #191919 !important;
        margin-bottom: 0.5rem !important;
    }
    html body.woocommerce-cart .cart_item .product-quantity {
        display: none !important;
    }
    html body.woocommerce-cart .cart_item .product-price {
        display: none !important;
    }
    html body.woocommerce-cart .cart_item .product-subtotal {
        font-weight: 700 !important;
        font-size: 1.05rem !important;
        color: #C5A059 !important;
    }
}

/* =========================================================
   ██ هدر جدید — سبک Mejuri (شفاف روی هیرو → چسبان و روشن)
   این بلوک عمداً آخر فایله تا بر قوانین قدیمی غالب باشه
   ========================================================= */

/* خنثی‌سازی استایل هدر قدیمی — ولی خودش باید بمونه چون هدر جدید داخلشه */
.site-header {
    display: block !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    position: static !important;
}
.site-header::before,
.site-header::after {
    display: none !important;
}
.site-header .col-full {
    display: none !important;
}
/* اجزای قدیمی که دیگه لازم نیستن */
.storefront-primary-navigation,
.sg-header--transparent .sg-header__logo img {
    filter: brightness(0) invert(1);
}
.sg-header.is-stuck .sg-header__logo img,
.sg-header--solid .sg-header__logo img {
    filter: brightness(0) invert(1);
}

/* ---------- لوگو ---------- */
.sg-header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.sg-header__logo img {
    height: 38px;
    width: auto;
    transition: filter 0.3s ease;
}

/* ---------- منوی افقی (دسکتاپ) ---------- */
.sg-header__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1.7rem;
}
.sg-header__nav-list > li {
    position: relative;
}
.sg-header__nav-list > li > a {
    font-size: 0.9rem;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.5rem 0;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s ease;
}
.sg-header__nav-list > li > a:hover {
    border-bottom-color: currentColor;
}
/* زیرمنو */
.sg-header__nav-list .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 190px;
    margin: 0;
    padding: 0.9rem 0;
    list-style: none;
    background: #FFFFFF;
    color: #1A1A1A;
    border: 1px solid var(--sg-champagne);
    border-radius: 2px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.25s ease;
}
.sg-header__nav-list li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.sg-header__nav-list .sub-menu a {
    display: block;
    padding: 0.55rem 1.3rem;
    font-size: 0.85rem;
    color: #1A1A1A;
    text-decoration: none;
    transition: color 0.2s ease;
}
.sg-header__nav-list .sub-menu a:hover {
    color: var(--sg-gold);
}

/* ---------- ابزارها (جستجو + آیکون‌ها) ---------- */
.sg-header__tools {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

/* جستجوی خطی مینیمال */
.sg-header__search {
    display: flex;
    align-items: center;
    width: 180px;
    border-bottom: 1px solid currentColor;
    margin: 0;
}
.sg-header__search-btn {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
}
.sg-header__search-input {
    flex: 1;
    min-width: 0;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: inherit;
    font-family: var(--sg-font-body);
    font-size: 0.85rem;
    padding: 0.4rem 0.6rem;
    -webkit-appearance: none;
    appearance: none;
}
.sg-header__search-input::placeholder {
    color: currentColor;
    opacity: 0.75;
}
.sg-header__search-input::-webkit-search-decoration,
.sg-header__search-input::-webkit-search-cancel-button {
    display: none;
}

/* آیکون‌ها */
.sg-header__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
}
.sg-header__badge {
    position: absolute;
    top: -7px;
    left: -9px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 50%;
    background: var(--sg-gold);
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-sizing: border-box;
}

/* همبرگری — فقط موبایل/تبلت */
.sg-header__burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    color: inherit;
}
.sg-header__burger span {
    width: 22px;
    height: 1.5px;
    background: currentColor;
    display: block;
}

/* آیکون جستجوی موبایل — فقط زیر ۹۹۰px */
.sg-header__search-mobile {
    display: none;
}

/* ---------- لایه تیره روی هیرو، برای خوانایی متن سفید هدر ---------- */
.home .sg-hero-slider::before {
    content: none;
}

/* =========================================================
   موبایل و تبلت — همبرگری راست، لوگو وسط، آیکون‌ها چپ
   ========================================================= */
@media only screen and (max-width: 990px) {
    .sg-header {
        height: 62px;
    }
    .sg-header__inner {
        padding: 0 1.1rem;
        gap: 0;
        justify-content: flex-start; /* همبرگر و آیکونِ نرخ کنارِ هم راست بمونن */
    }
    .sg-header__burger {
        display: flex;
    }
    .sg-header__nav {
        display: none;
    }
    .sg-header__search {
        display: none;
    }
    .sg-header__search-mobile {
        display: flex;
    }
    .sg-header__logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .sg-header__logo img {
        height: 32px;
    }
    .sg-header__tools {
        margin-right: 0;
        margin-inline-start: auto; /* ابزارها به لبه‌ی چپ، تا آیکونِ نرخ کنارِ همبرگر بمونه */
        gap: 1.15rem;
    }
}

/* گوشی‌های خیلی باریک — ذره‌بین می‌ره داخل همبرگری */
@media only screen and (max-width: 360px) {
    .sg-header__search-mobile {
        display: none;
    }
    .sg-header__tools {
        gap: 1rem;
    }
}

/* ---------- پنل جستجوی موبایل ---------- */
.sg-search-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #FFFFFF;
    border-bottom: 1px solid var(--sg-champagne);
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    padding: 0.9rem 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    direction: rtl;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.sg-search-panel.is-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.sg-search-panel__form {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border-bottom: 1px solid var(--sg-champagne);
    margin: 0;
    padding-bottom: 0.35rem;
    color: #666;
}
.sg-search-panel__form input[type="search"] {
    flex: 1;
    min-width: 0;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: var(--sg-font-body);
    font-size: 0.92rem;
    color: #1A1A1A;
    padding: 0.25rem 0;
    -webkit-appearance: none;
    appearance: none;
}
.sg-search-panel__form input[type="search"]::-webkit-search-decoration,
.sg-search-panel__form input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.sg-search-panel__close {
    background: none;
    border: none;
    font-size: 1.7rem;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0 0.2rem;
}

/* اصلاح: نوار جمع خرید حالا که نوار پایین حذف شده، باید بچسبه به کف صفحه */
@media only screen and (max-width: 990px) {
    body.woocommerce-cart,
    body.woocommerce-checkout {
        padding-bottom: 60px !important;
    }
    .sg-cart-total-bar {
        bottom: 0 !important;
        height: 52px !important;
    }
}

/* =========================================================
   اصلاحات نهایی هدر — هماهنگی با نوار قیمت طلا و نوار تبلیغاتی
   ========================================================= */

/* نوار قیمت و تبلیغ بالای هدر می‌شینن و جای خودشون رو می‌گیرن */
.sg-ad-strip,
.sg-rate-ticker {
    position: relative !important;
    z-index: 10001 !important;
}
@media only screen and (max-width: 990px) {
    .sg-header--transparent {
        margin-bottom: -62px !important;
    }
}
@media screen and (max-width: 782px) {
    body.admin-bar .sg-header.is-stuck,
    body.admin-bar .sg-header--solid {
        top: 46px !important;
    }
}

/* والد هدر نباید هیچ محدودیتی (overflow/transform) بذاره که مانع چسبان شدن بشه */
.site-header {
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
}

/* زیرمنو روی هدر تیره — هماهنگ با پس‌زمینه جدید */
.sg-header--solid .sg-header__nav-list .sub-menu,
.sg-header.is-stuck .sg-header__nav-list .sub-menu {
    background: #1A1A1A;
    border-color: rgba(255,255,255,0.12);
    color: #FFFFFF;
}
.sg-header--solid .sg-header__nav-list .sub-menu a,
.sg-header.is-stuck .sg-header__nav-list .sub-menu a {
    color: #FFFFFF;
}
.sg-header--solid .sg-header__nav-list .sub-menu a:hover,
.sg-header.is-stuck .sg-header__nav-list .sub-menu a:hover {
    color: var(--sg-gold);
}

/* =========================================================
   قانون قطعی نهایی — حذف کامل نوار پایین قدیمی و تضمین نمایش هدر جدید
   (عمداً آخر فایل، با انتخابگر قوی‌تر از هر قانون قبلی)
   ========================================================= */

/* چیدمان موبایل هدر — تکرار در انتهای فایل برای غلبه بر هر قانون قدیمی */
@media only screen and (max-width: 990px) {
    html body .sg-header {
        height: 62px !important;
    }
    html body .sg-header__inner {
        padding: 0 1.1rem !important;
        gap: 0 !important;
        justify-content: space-between !important;
        position: relative !important;
    }
    html body .sg-header__burger {
        display: flex !important;
    }
    html body .sg-header__nav,
    html body .sg-header__search {
        display: none !important;
    }
    html body .sg-header__search-mobile {
        display: flex !important;
    }
    html body .sg-header__logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }
    html body .sg-header__logo img {
        height: 32px !important;
    }
    html body .sg-header__tools {
        margin-right: 0 !important;
        gap: 1.15rem !important;
        display: flex !important;
        align-items: center !important;
    }
}
@media only screen and (max-width: 360px) {
    html body .sg-header__search-mobile {
        display: none !important;
    }
    html body .sg-header__tools {
        gap: 1rem !important;
    }
}

/* =========================================================
   اسلایدر هیرو — شکستن از محدودیت عرض کانتینر والد (تمام‌عرض واقعی)
   ========================================================= */
html body.home .sg-hero-slider {
    width: var(--sg-vw, 100vw) !important;
    max-width: var(--sg-vw, 100vw) !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: calc(var(--sg-vw, 100vw) / -2) !important;
    margin-right: calc(var(--sg-vw, 100vw) / -2) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
/* والدها نباید محتوای بیرون‌زده رو ببرن */
html body.home #content,
html body.home .site-content,
html body.home .col-full {
    overflow-x: visible !important;
}
/* جلوگیری از اسکرول افقی — با clip (نه hidden) تا چسبان شدن هدر خراب نشه */
body {
    overflow-x: clip;
}

/* =========================================================
   اصلاح لایه‌بندی — هدر همیشه باید روی اسلایدر باشه، نه زیرش
   ========================================================= */
html body.home .sg-hero-slider {
    z-index: 1 !important;
}
html body.home .sg-hero-slider__track,
html body.home .sg-hero-slider__slide {
    z-index: 1 !important;
}
html body.home .sg-hero-slider__arrow,
html body.home .sg-hero-slider__dots {
    z-index: 2 !important;
}
/* هدر بالاتر از همه اجزای اسلایدر */
html body .sg-header,
html body header.sg-header {
    z-index: 99999 !important;
}
html body .sg-header__logo img {
    filter: brightness(0) invert(1) !important;
}
/* والد هدر نباید مانع چسبیدن بشه */
html body .site-header {
    position: static !important;
    overflow: visible !important;
    height: auto !important;
    z-index: 99999 !important;
}
/* اسلایدر هیچ‌وقت روی هدر نیفته */
html body.home .sg-hero-slider {
    z-index: 1 !important;
    margin-top: 0 !important;
}

/* هیچ والدی نباید overflow محدود داشته باشه، وگرنه هدر چسبان کار نمی‌کنه */
html,
body,
#page,
.site,
#content,
.site-content {
    overflow: visible !important;
}

/* =========================================================
   ██████ اصلاح جامع نهایی هدر — نسخه بازنویسی‌شده
   حل: روی‌هم‌افتادن با اسلایدر / چسبان شدن / تمام‌عرض / نوار نرخ
   ========================================================= */

/* --- ۱. نوارهای بالا: ثابت در بالای صفحه --- */
html body .sg-rate-ticker {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 100000 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
html body.admin-bar .sg-rate-ticker {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-rate-ticker {
        top: 46px !important;
    }
}
html body .sg-rate-ticker__inner {
    max-width: 1700px;
    margin: 0 auto;
    text-align: center;
}

/* لوگو همیشه سفید (چون پس‌زمینه یا عکس تیره‌ست یا هدر مشکی) */
html body .sg-header__logo img {
    filter: brightness(0) invert(1) !important;
}

/* --- ۳. عرض کامل: محتوای هدر بچسبه به لبه‌ها، نه وسط‌چین با حاشیه --- */
@media only screen and (max-width: 990px) {
    html body .sg-header__inner {
        padding: 0 1.1rem !important;
    }
}
@media only screen and (max-width: 990px) {
    html body:not(.home) #content,
    html body:not(.home) .site-content {
        padding-top: calc(var(--sg-ticker-h, 34px) + 62px) !important;
    }
}

/* --- ۵. اسلایدر: تمام‌عرض، بدون فاصله، زیر هدر --- */
html body.home .sg-hero-slider {
    width: var(--sg-vw, 100vw) !important;
    max-width: var(--sg-vw, 100vw) !important;
    margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    margin-top: 0 !important;
    left: auto !important;
    right: auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* موبایل: نوار نرخ هم ثابت بمونه (غلبه بر قانون static قدیمی) */
@media (max-width: 992px) {
    html body .sg-rate-ticker {
        position: fixed !important;
        top: 0 !important;
    }
    html body.admin-bar .sg-rate-ticker {
        top: 46px !important;
    }
}

/* =========================================================
   حذف قطعی نوار پایین موبایل خود استوروفرانت
   ========================================================= */
html body .storefront-handheld-footer-bar,
html body div.storefront-handheld-footer-bar,
html body .storefront-handheld-footer-bar ul,
html body .handheld-navigation {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* فاصله جبرانی که استوروفرانت برای اون نوار می‌ذاشت هم حذف بشه */
@media (max-width: 768px) {
    html body {
        padding-bottom: 0 !important;
    }
}

/* استثنا: صفحه سبد/پرداخت که نوار «جمع خرید» پایین داره، فاصله لازمه */
@media (max-width: 768px) {
    html body.woocommerce-cart,
    html body.woocommerce-checkout {
        padding-bottom: 60px !important;
    }
}

/* =========================================================
   ████ بازنویسی نهایی و ساده — نوار نرخ عادی، هدر فیکس
   ========================================================= */

/* --- نوار نرخ: عادی، بالای صفحه، با اسکرول میره بالا --- */
html body .sg-rate-ticker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 5 !important;
    text-align: center !important;
}
@media (max-width: 992px) {
    html body .sg-rate-ticker {
        position: relative !important;
        top: auto !important;
    }
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-header {
        top: 46px !important;
    }
}
@media only screen and (max-width: 990px) {
    html body .sg-header {
        height: 62px !important;
    }
}
@media only screen and (max-width: 990px) {
    html body .sg-rate-ticker {
        margin-top: 62px !important;
    }
}

/* والد هدر باید کاملاً بی‌ارتفاع باشه (چون هدر جدید فیکسه و ازش خارج شده)
   وگرنه یه نوار سفید خالی بالای اسلایدر می‌مونه */
html body .site-header {
    position: static !important;
    overflow: visible !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    z-index: 99999 !important;
}
/* متن سفید روی عکس روشن هم خونا باشه */
html body .sg-header .sg-header__inner,
html body .sg-header a,
html body .sg-header button,
html body .sg-header svg {
    color: #FFFFFF !important;
    stroke: currentColor;
}
html body .sg-header:not(.sg-is-scrolled) .sg-header__inner {
    text-shadow: 0 1px 4px rgba(0,0,0,0.55);
}
html body .sg-header:not(.sg-is-scrolled) svg {
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.55));
}
html body .sg-header.sg-is-scrolled .sg-header__inner {
    text-shadow: none !important;
}
html body .sg-header.sg-is-scrolled svg {
    filter: none !important;
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-header {
        top: 46px !important;
    }
}
@media only screen and (max-width: 990px) {
    html body .sg-header {
        height: 62px !important;
    }
}

/* والد قدیمی کاملاً صفر بشه */
html body .site-header {
    display: none !important;
}

/* هیچ والدی نباید بافت چیدمانی بسازه (که fixed رو خراب می‌کنه) */
html body,
html body #page,
html body .site,
html body #content,
html body .site-content,
html body .col-full {
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    perspective: none !important;
    will-change: auto !important;
    contain: none !important;
}
@media only screen and (max-width: 990px) {
    html body .sg-rate-ticker {
        margin-top: 62px !important;
    }
}
@media only screen and (max-width: 990px) {
    html body .sg-ad-strip {
        margin-top: 62px !important;
    }
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-header {
        top: calc(var(--sg-bars-h, 0px) + 46px) !important;
    }
}
@media screen and (max-width: 782px) {
}

/* =========================================================
   اصلاحات هدر — پنل جستجو، حذف قلب در موبایل، رفع قاب کلیک
   ========================================================= */

/* ۱. پنل جستجو باید بالاتر از هدر باشه */
html body .sg-search-panel {
    z-index: 1000000 !important;
    top: 0 !important;
}
html body.admin-bar .sg-search-panel {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-search-panel {
        top: 46px !important;
    }
}

/* ۲. حذف آیکون علاقه‌مندی در موبایل و تبلت */
@media only screen and (max-width: 990px) {
    html body .sg-header__icon--wishlist {
        display: none !important;
    }
}

/* ۳. رفع قاب سفید مربعی موقع کلیک روی آیکون‌ها */
html body .sg-header__icon,
html body .sg-header__burger,
html body .sg-header__search-btn,
html body .sg-header__logo,
html body .sg-header a,
html body .sg-header button {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html body .sg-header__icon:focus,
html body .sg-header__burger:focus,
html body .sg-header__search-btn:focus,
html body .sg-header a:focus,
html body .sg-header button:focus,
html body .sg-header__icon:active,
html body .sg-header__burger:active,
html body .sg-header a:active,
html body .sg-header button:active {
    outline: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* دسترسی‌پذیری: فقط برای پیمایش با کیبورد یه نشانگر ظریف بمونه */
html body .sg-header a:focus-visible,
html body .sg-header button:focus-visible {
    outline: 1px solid rgba(255,255,255,0.6) !important;
    outline-offset: 3px !important;
}
/* هاور نرم و ظریف به‌جای قاب */
html body .sg-header__icon,
html body .sg-header__burger,
html body .sg-header__search-btn {
    transition: opacity 0.2s ease !important;
}
html body .sg-header__icon:hover,
html body .sg-header__burger:hover,
html body .sg-header__search-btn:hover {
    opacity: 0.7 !important;
}

/* =========================================================
   ████████████ هدر — نسخه واحد و نهایی (همه قوانین قبلی پاک شدن)
   رفتار:
   ۱) بالای صفحه: نوار تبلیغ + نوار نرخ، هدر شفاف زیرشون روی اسلایدر
   ۲) با اسکرول: نوارها میرن بالا، هدر می‌چسبه به بالای صفحه
   ۳) بعد از اتمام اسلایدر: پس‌زمینه مشکی میاد پشت هدر
   ========================================================= */

.sg-header {
    position: fixed;
    top: var(--sg-header-top, 0px);
    left: 0;
    right: 0;
    width: 100%;
    height: 72px;
    margin: 0;
    padding: 0;
    z-index: 999999;
    color: #FFFFFF;
    background-color: transparent;
    border: none;
    box-shadow: none;
    transition: top 0.25s ease, background-color 0.35s ease;
}

/* حالت ۳: پس‌زمینه مشکی بعد از اتمام اسلایدر */
.sg-header.sg-is-dark {
    background-color: #1A1A1A;
    box-shadow: 0 2px 18px rgba(0,0,0,0.25);
}

/* متن سفید با سایه، فقط وقتی روی اسلایدره (بدون پس‌زمینه مشکی) */
.sg-header:not(.sg-is-dark) .sg-header__inner {
    text-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
.sg-header:not(.sg-is-dark) svg {
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.6));
}

@media only screen and (max-width: 990px) {
    .sg-header {
        height: 62px;
    }
}
/* والد هدر قدیمی کاملاً حذف */
html body .site-header {
    display: none !important;
}
@media only screen and (max-width: 990px) {
    body:not(.home) #content,
    body:not(.home) .site-content {
        padding-top: 62px !important;
    }
}

/* =========================================================
   حذف فاصله بین نوار نرخ و اسلایدر + نوار نرخ مشکی
   ========================================================= */

/* ۱. عنوان مخفی (فقط برای صفحه‌خوان‌ها) نباید فضا بگیره */
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ۲. اسلایدر بچسبه به نوار نرخ — بدون هیچ فاصله‌ای */
html body.home .sg-hero-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ۳. نوار نرخ: پس‌زمینه مشکی، نوشته سفید */
html body .sg-rate-ticker {
    background: #1A1A1A !important;
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border-bottom: none !important;
    border-top: none !important;
    margin-bottom: 0 !important;
}
html body .sg-rate-ticker__inner,
html body .sg-rate-ticker span {
    color: #FFFFFF !important;
}
/* عددها و تأکیدها با رنگ طلایی روشن‌تر بمونن که خوانا باشن */
html body .sg-rate-ticker strong {
    color: #D4B26F !important;
}
html body .sg-rate-ticker__sep {
    color: rgba(255,255,255,0.3) !important;
}
html body .sg-rate-ticker__icon svg,
html body .sg-rate-ticker__icon {
    color: #D4B26F !important;
    stroke: #D4B26F !important;
}

/* =========================================================
   چیدمان موبایل و تبلت — همبرگری راست، لوگو وسط، آیکون‌ها چپ
   ========================================================= */
@media only screen and (max-width: 990px) {
    html body .sg-header__inner {
        padding: 0 1.1rem !important;
        gap: 0 !important;
        justify-content: flex-start !important; /* همبرگر و آیکونِ نرخ کنارِ هم راست بمونن */
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    html body .sg-header__burger {
        display: flex !important;
        order: 0 !important;
    }
    html body .sg-rate-link--mobile {
        display: inline-flex !important;
        order: 0 !important;
    }
    html body .sg-header__nav,
    html body .sg-header__search {
        display: none !important;
    }
    html body .sg-header__search-mobile {
        display: flex !important;
    }
    html body .sg-header__logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }
    html body .sg-header__logo img {
        height: 30px !important;
    }
    html body .sg-header__tools {
        margin: 0 !important;
        margin-inline-start: auto !important; /* ابزارها به لبه‌ی چپ (RTL) تا آیکونِ نرخ کنارِ همبرگر بمونه */
        gap: 1.3rem !important;
        display: flex !important;
        align-items: center !important;
        order: 1 !important;
    }
}
@media only screen and (max-width: 360px) {
    html body .sg-header__search-mobile {
        display: none !important;
    }
    html body .sg-header__tools {
        gap: 1.1rem !important;
    }
}

/* دسکتاپ: همبرگری و ذره‌بین موبایل مخفی، منوی افقی و جستجوی خطی نمایان */
@media only screen and (min-width: 991px) {
    html body .sg-header__burger,
    html body .sg-header__search-mobile {
        display: none !important;
    }
    html body .sg-header__nav {
        display: block !important;
    }
    html body .sg-header__search {
        display: flex !important;
    }
    html body .sg-header__inner {
        display: flex !important;
        align-items: center !important;
        gap: 2rem !important;
        padding: 0 2.5rem !important;
        height: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    html body .sg-header__tools {
        margin-right: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 1.4rem !important;
    }
    html body .sg-header__logo {
        position: static !important;
        transform: none !important;
    }
}

/* آیکون‌ها — ظریف‌تر و مینیمال‌تر (هماهنگ با سبک Mejuri) */
html body .sg-header__burger span {
    height: 1.2px !important;
    width: 20px !important;
}
html body .sg-header__burger {
    gap: 5.5px !important;
}

/* =========================================================
   ████ فاصله محتوا از هدر فیکس — نسخه واحد (همه قوانین قبلی پاک شدن)
   صفحه اصلی: نوارها + اسلایدر بدون فاصله (هدر روی اسلایدر می‌افته)
   بقیه صفحات: به‌اندازه ارتفاع هدر فاصله لازمه
   ========================================================= */

/* صفحه اصلی — هیچ فاصله‌ای، اسلایدر می‌چسبه به نوار نرخ */
body.home #content,
body.home .site-content,
body.home .content-area,
body.home .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
@media only screen and (max-width: 990px) {
    body:not(.home) #content,
    body:not(.home) .site-content {
        padding-top: 62px !important;
    }
}

/* =========================================================
   صفحه حساب کاربری — هماهنگ با زبان طراحی سایت
   ========================================================= */
body.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}
/* منوی حساب کاربری: تعریف نهایی (افقی) در انتهای فایل */
/* محتوای اصلی */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: #fff;
    border: 1px solid var(--sg-champagne);
    border-radius: 2px;
    padding: 1.6rem;
}
/* فرم ورود/ثبت‌نام */
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 14px !important;
    padding: 1.8rem !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(30, 24, 14, 0.06) !important;
}
/* وقتی فقط فرم ورود تنهاست (بدون ستون ثبت‌نام کنارش): لوگو+عنوان+فرم توی یک کارت واحد */
body.woocommerce-account .entry-content > .woocommerce:has( > form.woocommerce-form-login ) {
    max-width: 420px !important;
    margin: 2rem auto !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 32px rgba(30, 24, 14, 0.07) !important;
    background: #fff !important;
    padding: 2rem 1.8rem 1.8rem !important;
    box-sizing: border-box !important;
}
body.woocommerce-account .entry-content > .woocommerce:has( > form.woocommerce-form-login ) > h2 {
    text-align: center;
}
body.woocommerce-account .entry-content > .woocommerce:has( > form.woocommerce-form-login ) > form.woocommerce-form-login {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* لوگوی بالای باکس ورود/ثبت‌نام */
body.woocommerce-account .sg-account-login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 0.6rem;
}
body.woocommerce-account .sg-account-login-logo img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}
/* ورود فعلاً فقط با کد پیامکی شماره موبایله (بدون رمز عبور)، پس چک‌باکس «مرا به خاطر بسپار»
   و لینک «فراموشی گذرواژه» بی‌معنی‌ان و فقط فرم رو شلوغ/فشرده می‌کنن */
body.woocommerce-account .woocommerce-form-login__rememberme,
body.woocommerce-account .woocommerce-LostPassword {
    display: none !important;
}
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"],
body.woocommerce-account input[type="tel"] {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    padding: 0.7rem 0.9rem !important;
    font-family: var(--sg-font-body) !important;
    background: #fff !important;
}
body.woocommerce-account input:focus {
    border-color: var(--sg-gold) !important;
    outline: none !important;
}
body.woocommerce-account .button {
    background-color: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    padding: 0.75rem 1.8rem !important;
    font-family: var(--sg-font-body) !important;
    transition: all 0.25s ease !important;
}
body.woocommerce-account .button:hover {
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}
/* جدول سفارش‌ها */
body.woocommerce-account table.woocommerce-orders-table {
    border: 1px solid var(--sg-champagne);
    border-radius: 2px;
}
body.woocommerce-account table.woocommerce-orders-table th {
    background: var(--sg-gold-light);
    font-weight: 600;
    font-size: 0.85rem;
}
@media only screen and (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        margin-bottom: 1.2rem;
    }
}

/* =========================================================
   صفحه پرداخت — تکمیل استایل
   (عرض و چیدمان: بخش «صفحه‌ی تسویه حساب — چیدمان دو ستونی»
   در انتهای فایل. قانون max-width قبلی اینجا حذف شد چون کلاس
   woocommerce-checkout هم روی body و هم روی خود فرم می‌شینه،
   و عرض فرم گرید رو محدود می‌کرد.)
   ========================================================= */
/* عناوین، ورودی‌ها، جعبه‌ی سفارش و دکمه‌ی ثبت: همگی در بلوک نهایی
   انتهای فایل تعریف شده‌ن — این نسخه‌ی قدیمی و ناقص حذف شد تا قوانین
   متضاد روی هم انباشته نشن. */

/* =========================================================
   صفحه فروشگاه و دسته‌بندی — عنوان و فاصله‌ها
   ========================================================= */
body.woocommerce-shop .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header {
    padding: 1.5rem 0 0.5rem;
    text-align: center;
}
body.woocommerce-shop .woocommerce-products-header__title,
body.tax-product_cat .woocommerce-products-header__title {
    font-size: 1.6rem;
    margin: 0 0 0.4rem;
}
body.tax-product_cat .term-description {
    text-align: center;
    color: var(--sg-text-muted);
    font-size: 0.9rem;
    max-width: 700px;
    margin: 0 auto 1rem;
}
/* نوار مرتب‌سازی و تعداد نتایج */
body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count {
    color: var(--sg-text-muted);
    font-size: 0.82rem;
}
body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.5rem 0.8rem !important;
    font-family: var(--sg-font-body) !important;
    background: #fff !important;
    font-size: 0.85rem !important;
}
/* صفحه‌بندی */
.woocommerce-pagination ul.page-numbers {
    border: none !important;
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin: 2rem 0;
}
.woocommerce-pagination ul.page-numbers li {
    border: none !important;
}
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.5rem 0.85rem !important;
    color: var(--sg-black) !important;
    background: #fff !important;
    transition: all 0.25s ease !important;
}
.woocommerce-pagination ul.page-numbers li a:hover {
    border-color: var(--sg-gold) !important;
    color: var(--sg-gold-dark) !important;
}
.woocommerce-pagination ul.page-numbers li span.current {
    background: #2B2420 !important;
    color: var(--sg-gold) !important;
    border-color: #2B2420 !important;
}

/* =========================================================
   صفحه ۴۰۴ — پیدا نشدن آدرس
   ========================================================= */
.sg-404 {
    max-width: 760px;
    margin: 0 auto;
    padding: 3.5rem 1.2rem 2rem;
    text-align: center;
}
.sg-404__icon {
    color: var(--sg-gold);
    margin-bottom: 1.2rem;
}
.sg-404__title {
    font-size: 1.5rem;
    margin: 0 0 0.9rem;
    color: var(--sg-black);
}
.sg-404__text {
    color: var(--sg-text-muted);
    font-size: 0.92rem;
    line-height: 2;
    margin: 0 0 1.8rem;
}
/* جستجو */
.sg-404__search form {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    max-width: 460px;
    margin: 0 auto 1.8rem;
    border: 1px solid var(--sg-gold);
    border-radius: 2px;
    padding: 0 0.9rem;
    background: #fff;
    color: var(--sg-text-muted);
}
.sg-404__search input[type="search"] {
    flex: 1;
    min-width: 0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-family: var(--sg-font-body);
    font-size: 0.88rem;
    color: var(--sg-black);
    padding: 0.75rem 0;
    -webkit-appearance: none;
    appearance: none;
}
.sg-404__search input[type="search"]::-webkit-search-decoration,
.sg-404__search input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.sg-404__search button {
    background: none;
    border: none;
    color: var(--sg-gold-dark);
    font-family: var(--sg-font-body);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem 0;
    white-space: nowrap;
}
/* دکمه‌ها */
.sg-404__actions {
    display: flex;
    justify-content: center;
    gap: 0.6rem;
    max-width: 460px;
    margin: 0 auto 2.5rem;
    width: 100%;
    box-sizing: border-box;
}
.sg-404__btn {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
    padding: 0.7rem 0.5rem;
    box-sizing: border-box;
    font-size: 0.83rem;
    border: 1px solid var(--sg-gold);
    border-radius: 8px;
    color: var(--sg-black);
    background: #fff;
    text-decoration: none;
    transition: all 0.25s ease;
}
.sg-404__btn:hover {
    background: var(--sg-gold-light);
    color: var(--sg-gold-dark);
}
.sg-404__btn--primary {
    background: #2B2420;
    border-color: #2B2420;
    color: var(--sg-gold);
    font-weight: 600;
}
.sg-404__btn--primary:hover {
    background: var(--sg-gold);
    border-color: var(--sg-gold);
    color: #1A1A1A;
}
/* محصولات پیشنهادی */
.sg-404__suggestions {
    margin-top: 1rem;
    text-align: right;
}
@media only screen and (max-width: 768px) {
    .sg-404 {
        padding: 2.5rem 1rem 1.5rem;
    }
    .sg-404__title {
        font-size: 1.25rem;
    }
    .sg-404__actions {
        gap: 0.4rem;
    }
    .sg-404__btn {
        padding: 0.65rem 0.3rem;
        font-size: 0.76rem;
    }
}

/* =========================================================
   بزرگ‌تر کردن آیکون‌ها و لوگو در دسکتاپ (موبایل دست‌نخورده)
   ========================================================= */
@media only screen and (min-width: 991px) {
    html body .sg-header {
        height: 84px;
    }
    html body .sg-header__logo img {
        height: 46px !important;
    }
    html body .sg-header__icon svg,
    html body .sg-header__search-btn svg {
        width: 25px !important;
        height: 25px !important;
    }
    html body .sg-header__tools {
        gap: 1.7rem !important;
    }
    html body .sg-header__nav-list > li > a {
        font-size: 0.95rem !important;
    }
    html body .sg-header__search {
        width: 200px !important;
    }
    html body .sg-header__search-input {
        font-size: 0.9rem !important;
    }
    /* بج تعداد هم متناسب بزرگ‌تر */
    html body .sg-header__badge {
        min-width: 18px !important;
        height: 18px !important;
        font-size: 11px !important;
        top: -8px !important;
        left: -10px !important;
    }
}

/* =========================================================
   آیکون‌ها و لوگوی هدر — بزرگ‌تر و متناسب‌تر (دسکتاپ)
   ========================================================= */
@media only screen and (min-width: 991px) {
    html body .sg-header {
        height: 84px !important;
    }
    html body .sg-header__logo img {
        height: 48px !important;
    }
    html body .sg-header__icon svg,
    html body .sg-header__search-btn svg {
        width: 25px !important;
        height: 25px !important;
    }
    html body .sg-header__tools {
        gap: 1.7rem !important;
    }
    html body .sg-header__nav-list > li > a {
        font-size: 0.95rem !important;
    }
    html body .sg-header__search {
        width: 205px !important;
    }
    html body .sg-header__badge {
        min-width: 18px !important;
        height: 18px !important;
        font-size: 10.5px !important;
    }
}

/* موبایل هم کمی بزرگ‌تر */
@media only screen and (max-width: 990px) {
    html body .sg-header__logo img {
        height: 34px !important;
    }
    html body .sg-header__icon svg,
    html body .sg-header__search-mobile svg {
        width: 23px !important;
        height: 23px !important;
    }
    html body .sg-header__burger span {
        width: 22px !important;
    }
}

/* =========================================================
   کاروسل صفحه ۴۰۴ — تضمین حرکت خودکار
   ========================================================= */
.sg-404__suggestions {
    overflow: hidden !important;
    width: 100%;
}
.sg-404__suggestions .sg-carousel-row {
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
}
.sg-404__suggestions .sg-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
}
.sg-404__suggestions ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* کاروسل صفحه ۴۰۴ از محدودیت عرض متن خارج بشه تا فضای حرکت داشته باشه */
.sg-404__suggestions {
    width: var(--sg-vw, 100vw) !important;
    max-width: var(--sg-vw, 100vw) !important;
    margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
}

/* =========================================================
   برگه‌های محتوایی (قوانین، حریم خصوصی، بازگشت کالا، درباره ما)
   ========================================================= */
body.page:not(.woocommerce-page):not(.home) .site-main,
body.page:not(.woocommerce-page):not(.home) .entry-content {
    max-width: 820px;
    margin: 0 auto;
}
body.page:not(.woocommerce-page):not(.home) .site-main {
    padding: 2rem 1.2rem 4rem;
    box-sizing: border-box;
}

/* عنوان اصلی برگه */
body.page:not(.woocommerce-page) .entry-header {
    text-align: center;
    padding-bottom: 1.4rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--sg-champagne);
}
body.page:not(.woocommerce-page) .entry-title {
    font-size: 1.8rem;
    margin: 0;
    color: var(--sg-black);
}

/* بدنه متن — خوانا و راحت */
body.page:not(.woocommerce-page) .entry-content {
    font-size: 0.95rem;
    line-height: 2.1;
    color: var(--sg-text-body);
}
body.page:not(.woocommerce-page) .entry-content p {
    margin: 0 0 1.1rem;
}

/* سرتیترهای داخل متن */
body.page:not(.woocommerce-page) .entry-content h2 {
    font-size: 1.25rem;
    color: var(--sg-black);
    margin: 2.4rem 0 0.9rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--sg-champagne);
}
body.page:not(.woocommerce-page) .entry-content h3 {
    font-size: 1.05rem;
    color: var(--sg-gold-dark);
    margin: 1.8rem 0 0.7rem;
}
body.page:not(.woocommerce-page) .entry-content h2:first-child,
body.page:not(.woocommerce-page) .entry-content h3:first-child {
    margin-top: 0;
}

/* لیست‌ها */
body.page:not(.woocommerce-page) .entry-content ul,
body.page:not(.woocommerce-page) .entry-content ol {
    margin: 0 0 1.3rem;
    padding-right: 1.4rem;
    padding-left: 0;
}
body.page:not(.woocommerce-page) .entry-content li {
    margin-bottom: 0.6rem;
    line-height: 2;
}

/* نقل‌قول / نکات مهم */
body.page:not(.woocommerce-page) .entry-content blockquote {
    background: var(--sg-gold-light);
    border: none;
    border-right: 3px solid var(--sg-gold);
    border-radius: 2px;
    margin: 1.5rem 0;
    padding: 1rem 1.3rem;
    font-size: 0.9rem;
    color: var(--sg-text-body);
}
body.page:not(.woocommerce-page) .entry-content blockquote p:last-child {
    margin-bottom: 0;
}

/* خط جداکننده */
body.page:not(.woocommerce-page) .entry-content hr {
    border: none;
    border-top: 1px solid var(--sg-champagne);
    margin: 2.2rem 0;
}

/* متن پررنگ و لینک */
body.page:not(.woocommerce-page) .entry-content strong {
    color: var(--sg-black);
    font-weight: 600;
}
body.page:not(.woocommerce-page) .entry-content a {
    color: var(--sg-gold-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.page:not(.woocommerce-page) .entry-content a:hover {
    color: var(--sg-gold);
}

/* جدول (اگه توی محتوا باشه) */
body.page:not(.woocommerce-page) .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.4rem 0;
    font-size: 0.88rem;
}
body.page:not(.woocommerce-page) .entry-content th,
body.page:not(.woocommerce-page) .entry-content td {
    border: 1px solid var(--sg-champagne);
    padding: 0.7rem 0.9rem;
    text-align: right;
}
body.page:not(.woocommerce-page) .entry-content th {
    background: var(--sg-gold-light);
    font-weight: 600;
    color: var(--sg-black);
}

/* حذف اجزای اضافه استورفرانت توی برگه‌ها */
body.page:not(.woocommerce-page) .entry-meta,
body.page:not(.woocommerce-page) .post-navigation,
body.page:not(.woocommerce-page) .edit-link {
    display: none;
}

/* موبایل */
@media only screen and (max-width: 768px) {
    body.page:not(.woocommerce-page):not(.home) .site-main {
        padding: 1.4rem 1rem 3rem;
    }
    body.page:not(.woocommerce-page) .entry-title {
        font-size: 1.4rem;
    }
    body.page:not(.woocommerce-page) .entry-content {
        font-size: 0.9rem;
        line-height: 2;
    }
    body.page:not(.woocommerce-page) .entry-content h2 {
        font-size: 1.12rem;
    }
}

/* نوار کناری توی برگه‌های محتوایی هم لازم نیست — محتوا تمام‌عرض بشه */
body.page .sidebar,
body.page #secondary,
body.single-post .sidebar,
body.single-post #secondary {
    display: none !important;
}
body.page #primary,
body.page .content-area,
body.single-post #primary,
body.single-post .content-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* حذف ناحیه ویجت‌های پیش‌فرض استوروفرانت از فوتر (محتوای انگلیسی نمونه) */
.site-footer .footer-widgets,
.site-footer .widget-area,
.site-footer .site-info,
.storefront-handheld-footer-bar,
.site-footer .col-full > .footer-widgets {
    display: none !important;
}

/* تکمیل استایل برگه‌ها — پوشش حالت‌هایی که ممکنه ویرایشگر وردپرس بسازه */
body.page:not(.woocommerce-page) .entry-content h1 {
    font-size: 1.5rem;
    color: var(--sg-black);
    margin: 2rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--sg-champagne);
}
body.page:not(.woocommerce-page) .entry-content h4,
body.page:not(.woocommerce-page) .entry-content h5 {
    font-size: 0.98rem;
    color: var(--sg-gold-dark);
    margin: 1.4rem 0 0.6rem;
}
/* بلوک‌های گوتنبرگ */
body.page:not(.woocommerce-page) .entry-content .wp-block-quote {
    background: var(--sg-gold-light);
    border: none;
    border-right: 3px solid var(--sg-gold);
    border-radius: 2px;
    margin: 1.5rem 0;
    padding: 1rem 1.3rem;
    font-style: normal;
}
body.page:not(.woocommerce-page) .entry-content .wp-block-separator,
body.page:not(.woocommerce-page) .entry-content .wp-block-separator.is-style-wide {
    border: none;
    border-top: 1px solid var(--sg-champagne);
    margin: 2.2rem 0;
    width: 100%;
    max-width: 100%;
}
body.page:not(.woocommerce-page) .entry-content .wp-block-list {
    margin: 0 0 1.3rem;
    padding-right: 1.4rem;
}
/* تصاویر داخل برگه (مهم برای «درباره ما» که عکس فروشگاه داره) */
body.page:not(.woocommerce-page) .entry-content img,
body.page:not(.woocommerce-page) .entry-content .wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 2px;
    margin: 1rem 0;
}
body.page:not(.woocommerce-page) .entry-content figure {
    margin: 1.5rem 0;
}
body.page:not(.woocommerce-page) .entry-content figcaption {
    text-align: center;
    font-size: 0.82rem;
    color: var(--sg-text-muted);
    margin-top: 0.5rem;
}
/* گالری تصاویر */
body.page:not(.woocommerce-page) .entry-content .wp-block-gallery {
    margin: 1.5rem 0;
}
/* پاراگراف اول برجسته‌تر (مقدمه) */
body.page:not(.woocommerce-page) .entry-content > p:first-of-type {
    font-size: 1.02rem;
    color: var(--sg-black);
}

/* =========================================================
   صفحه سبد خرید خالی — ظاهر بهتر
   ========================================================= */
.woocommerce-cart .cart-empty,
.woocommerce-cart .wc-empty-cart-message {
    text-align: center;
    font-size: 1.05rem;
    color: var(--sg-text-body);
    padding: 2.5rem 1rem 1rem;
    border: none !important;
    background: none !important;
}
.woocommerce-cart .cart-empty::before,
.woocommerce-cart .wc-empty-cart-message::before {
    display: none !important;
}
.woocommerce-cart .return-to-shop {
    text-align: center;
    padding-bottom: 3rem;
}
.woocommerce-cart .return-to-shop .button {
    display: inline-block;
    background-color: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    padding: 0.8rem 2.2rem !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.woocommerce-cart .return-to-shop .button:hover {
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}

/* بخش «جدیدترین محصولات» پایین سبد خالی */
.woocommerce-cart .storefront-product-section,
.woocommerce-cart section.storefront-product-section {
    padding-top: 2rem;
    border-top: 1px solid var(--sg-champagne);
}
.woocommerce-cart .storefront-product-section .section-title {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    color: var(--sg-black);
}

/* =========================================================
   ████ نوارهای بالای صفحه — نسخه واحد نهایی
   نوار تبلیغ (اختیاری) + نوار نرخ، هردو عادی و بدون فاصله اضافه
   ========================================================= */
html body .sg-ad-strip,
html body .sg-rate-ticker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 5 !important;
    box-sizing: border-box !important;
}
/* اگه نوار تبلیغ محتوایی نداره، اصلاً فضا نگیره */
html body .sg-ad-strip:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
}
html body .sg-ad-strip {
    line-height: 0 !important;
    font-size: 0 !important;
}
html body .sg-ad-strip img {
    width: 100% !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: cover !important;
    display: block !important;
}
@media only screen and (max-width: 990px) {
    html body .sg-ad-strip img {
        max-height: 42px !important;
    }
}

/* =========================================================
   ████ موقعیت هدر — بدون !important تا جاوااسکریپت بتونه کنترلش کنه
   ========================================================= */
html body .sg-header,
html body header.sg-header {
    position: fixed;
    top: 0;
    transition: top 0.2s ease, background-color 0.35s ease;
}

/* رفع پرش هدر موقع اسکرول — انیمیشن فقط روی رنگ، نه موقعیت */
html body .sg-header,
html body header.sg-header {
    transition: background-color 0.35s ease, box-shadow 0.35s ease !important;
    will-change: top;
}

/* =========================================================
   ████ راه‌حل بدون پرش — هدر sticky (مرورگر خودش مدیریت می‌کنه)
   نوارها بالا می‌مونن و با اسکرول میرن، هدر خودکار می‌چسبه به سقف
   ========================================================= */
html body .sg-header,
html body header.sg-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 999999 !important;
    /* حاشیه منفی برابر ارتفاع خودش، تا روی اسلایدر بیفته */
    margin-bottom: -84px !important;
}
html body.admin-bar .sg-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    html body.admin-bar .sg-header {
        top: 46px !important;
    }
}
@media only screen and (max-width: 990px) {
    html body .sg-header {
        margin-bottom: -62px !important;
    }
}
/* والدها نباید overflow محدود داشته باشن، وگرنه sticky کار نمی‌کنه */
html body,
html body #page,
html body .site,
html body #content,
html body .site-content,
html body .hfeed {
    overflow: visible !important;
}

/* صفحات بدون اسلایدر: حاشیه منفی لازم نیست (وگرنه محتوا زیر هدر می‌ره) */
html body:not(.home) .sg-header {
    margin-bottom: 0 !important;
}

/* =========================================================
   ████ کنترل‌های اسلایدر — مینیمال و لوکس (بدون دایره توپر)
   ========================================================= */

/* --- فلش‌ها: فقط یه خط ظریف، بدون قاب --- */
html body .sg-hero-slider__arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 0 !important;
    color: #FFFFFF !important;
    opacity: 0.5;
    cursor: pointer;
    z-index: 4 !important;
    transition: opacity 0.25s ease !important;
    -webkit-tap-highlight-color: transparent;
}
html body .sg-hero-slider__arrow:hover {
    background: none !important;
    opacity: 1;
}
html body .sg-hero-slider__arrow:focus {
    outline: none !important;
}
/* فلش با شبه‌المان — دو خط نازک که یه پیکان می‌سازن */
html body .sg-hero-slider__arrow::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-top: 1.5px solid currentColor;
    border-left: 1.5px solid currentColor;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
html body .sg-hero-slider__arrow--prev::before {
    transform: rotate(135deg);
    margin-left: -4px;
}
html body .sg-hero-slider__arrow--next::before {
    transform: rotate(-45deg);
    margin-right: -4px;
}
html body .sg-hero-slider__arrow--prev {
    right: 1.4rem !important;
    left: auto !important;
}
html body .sg-hero-slider__arrow--next {
    left: 1.4rem !important;
    right: auto !important;
}

/* --- نقطه‌ها: خیلی ظریف‌تر --- */
html body .sg-hero-slider__dots {
    position: absolute !important;
    bottom: 1.4rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 0.45rem !important;
    z-index: 4 !important;
}
html body .sg-hero-slider__dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    border: none !important;
    background: rgba(255,255,255,0.45) !important;
    padding: 0 !important;
    cursor: pointer;
    transition: all 0.25s ease !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
}
html body .sg-hero-slider__dot:hover {
    background: rgba(255,255,255,0.75) !important;
}
html body .sg-hero-slider__dot.is-active {
    background: #FFFFFF !important;
    width: 20px !important;
    border-radius: 3px !important;
}

/* موبایل — کمی کوچیک‌تر */
@media only screen and (max-width: 768px) {
    html body .sg-hero-slider__arrow {
        width: 36px !important;
        height: 36px !important;
    }
    html body .sg-hero-slider__arrow::before {
        width: 11px;
        height: 11px;
    }
    html body .sg-hero-slider__arrow--prev {
        right: 0.7rem !important;
    }
    html body .sg-hero-slider__arrow--next {
        left: 0.7rem !important;
    }
    html body .sg-hero-slider__dots {
        bottom: 1rem !important;
    }
}

/* =========================================================
   ████ متن روی اسلایدر — پایین چپ، مینیمال (سبک Mejuri)
   ========================================================= */
/* اسلایدها باید absolute بمونن (روی هم) — فقط کپشن داخلشون position می‌گیره */
/* سایه ملایم از پایین — تا متن سفید روی هر عکسی خونا بمونه */
html body .sg-hero-slider__slide::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    pointer-events: none;
    z-index: 1;
}
html body .sg-hero-caption {
    position: absolute;
    left: 3.5rem;
    bottom: 3.5rem;
    z-index: 2;
    max-width: 460px;
    text-align: left;
    direction: rtl;
}
html body .sg-hero-caption__title {
    margin: 0 0 0.6rem;
    font-family: var(--sg-font-display);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    color: #FFFFFF;
    text-shadow: 0 2px 12px rgba(0,0,0,0.45);
}
html body .sg-hero-caption__sub {
    margin: 0 0 1.3rem;
    font-family: var(--sg-font-body);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.9;
    color: rgba(255,255,255,0.92);
    text-shadow: 0 1px 8px rgba(0,0,0,0.45);
}
/* دکمه — فقط متن، بدون خط، با بزرگ‌شدن ملایم در هاور */
html body .sg-hero-caption__btn {
    display: inline-block;
    font-family: var(--sg-font-body);
    font-size: 0.98rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    background: none;
    padding: 0;
    text-shadow: 0 1px 8px rgba(0,0,0,0.5);
    transition: font-size 0.25s ease, opacity 0.25s ease;
}
html body .sg-hero-caption__btn:hover {
    font-size: 1.08rem;
    color: #FFFFFF;
    text-decoration: none;
}

/* --- تبلت --- */
@media only screen and (max-width: 990px) {
    html body .sg-hero-caption {
        left: 2.2rem;
        bottom: 3rem;
        max-width: 62%;
    }
    html body .sg-hero-caption__title {
        font-size: 1.8rem;
    }
    html body .sg-hero-caption__sub {
        font-size: 0.92rem;
        margin-bottom: 1rem;
    }
}

/* --- موبایل --- */
@media only screen and (max-width: 600px) {
    html body .sg-hero-slider__slide::after {
        height: 60%;
        background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
    }
    html body .sg-hero-caption {
        left: 1.2rem;
        right: 1.2rem;
        bottom: 3.2rem;
        max-width: 100%;
        text-align: center;
    }
    html body .sg-hero-caption__title {
        font-size: 1.35rem;
        margin-bottom: 0.4rem;
    }
    html body .sg-hero-caption__sub {
        font-size: 0.82rem;
        line-height: 1.75;
        margin-bottom: 0.8rem;
    }
    html body .sg-hero-caption__btn {
        font-size: 0.88rem;
    }
    html body .sg-hero-caption__btn:hover {
        font-size: 0.94rem;
    }
}

/* کپشن نباید کلیک روی اسلایدر رو بگیره (به‌جز خود دکمه) */
html body .sg-hero-caption {
    pointer-events: none;
}
html body .sg-hero-caption__btn {
    pointer-events: auto;
}

/* =========================================================
   ████ صفحه فروشگاه و دسته‌بندی — نسخه واحد نهایی
   ========================================================= */

/* --- فاصله محتوا: هدر sticky خودش جا می‌گیره، پس فاصله اضافه لازم نیست --- */
html body:not(.home) #content,
html body:not(.home) .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --- عنوان صفحه: راست‌چین، فشرده، بدون فضای خالی --- */
html body.woocommerce-shop .woocommerce-products-header,
html body.tax-product_cat .woocommerce-products-header,
html body.tax-product_tag .woocommerce-products-header {
    text-align: right !important;
    padding: 1.6rem 0 0.8rem !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--sg-champagne);
}
html body.woocommerce-shop .woocommerce-products-header__title,
html body.tax-product_cat .woocommerce-products-header__title,
html body.tax-product_tag .woocommerce-products-header__title {
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--sg-black) !important;
    text-align: right !important;
}
html body.tax-product_cat .term-description {
    text-align: right !important;
    margin: 0.6rem 0 0 !important;
    max-width: 760px;
    font-size: 0.88rem;
    color: var(--sg-text-muted);
    line-height: 1.9;
}

/* --- نوار مرتب‌سازی و تعداد نتایج --- */
html body.woocommerce-shop .woocommerce-notices-wrapper + .woocommerce-result-count,
html body.woocommerce-shop .woocommerce-result-count,
html body.tax-product_cat .woocommerce-result-count {
    float: right !important;
    margin: 1.1rem 0 !important;
    font-size: 0.82rem !important;
    color: var(--sg-text-muted) !important;
    line-height: 2.4 !important;
}
html body.woocommerce-shop .woocommerce-ordering,
html body.tax-product_cat .woocommerce-ordering {
    float: left !important;
    margin: 1.1rem 0 !important;
}
html body .woocommerce-ordering select {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.45rem 0.8rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.83rem !important;
    background-color: #fff !important;
    color: var(--sg-black) !important;
    cursor: pointer;
}

/* --- شبکه محصولات --- */
html body.woocommerce-shop ul.products,
html body.tax-product_cat ul.products {
    clear: both !important;
    margin: 0 0 2rem !important;
    padding-top: 0.5rem !important;
}

/* --- پیام‌های اطلاع‌رسانی --- */
html body.woocommerce-shop .woocommerce-notices-wrapper:empty,
html body.tax-product_cat .woocommerce-notices-wrapper:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- موبایل --- */
@media only screen and (max-width: 768px) {
    html body.woocommerce-shop .woocommerce-products-header,
    html body.tax-product_cat .woocommerce-products-header {
        padding: 1.1rem 0 0.6rem !important;
    }
    html body.woocommerce-shop .woocommerce-products-header__title,
    html body.tax-product_cat .woocommerce-products-header__title {
        font-size: 1.2rem !important;
    }
    html body.woocommerce-shop .woocommerce-result-count,
    html body.tax-product_cat .woocommerce-result-count,
    html body.woocommerce-shop .woocommerce-ordering,
    html body.tax-product_cat .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        margin: 0.6rem 0 !important;
    }
    html body .woocommerce-ordering select {
        width: 100% !important;
    }
}

/* قانون نهایی — حاشیه منفی هدر فقط توی صفحه اصلی (روی اسلایدر) */
html body.home .sg-header {
    margin-bottom: -84px !important;
}
@media only screen and (max-width: 990px) {
    html body.home .sg-header {
        margin-bottom: -62px !important;
    }
}
html body:not(.home) .sg-header {
    margin-bottom: 0 !important;
}

/* توضیحات کوتاه حذف شده — این هم لایه اطمینان (اگه افزونه‌ای دوباره اضافه‌ش کرد) */
html body.single-product .woocommerce-product-details__short-description {
    display: none !important;
}

/* =========================================================
   ████ برچسب‌های کارت محصول — نسخه‌ی نهایی و یکپارچه (نسل واحد)
   قلب: گوشه بالا-راست عکس (تعریف کامل در wishlist.css)
   ارسال سریع — فهرست محصولات: بالا-چپ عکس (نه پایین — چون
   li.product تا زیر دکمه‌ی «افزودن به سبد» ادامه داره)
   ارسال سریع — صفحه‌ی تک‌محصول: پایین-چپ گالری (نه بالا — چون
   آیکون ذره‌بین پیش‌فرض ووکامرس توی چیدمان RTL دقیقاً بالا-چپ
   گالریه و باهاش برخورد می‌کرد؛ اینجا bottom امنه چون گالری
   خودش یه ظرف مستقل و جمع‌وجوره، برخلاف li.product توی فهرست)
   تخفیف: روی عکس نیست — کادر قرمز یکپارچه کنار قیمت (درصد | مبلغ خط‌خورده)
   ========================================================= */

html body ul.products li.product {
    position: relative !important;
}

/* --- ارسال سریع: فهرست محصولات — بالا-چپ عکس (آینه‌ی قلب) --- */
html body li.product .sg-fast-shipping-badge {
    position: absolute !important;
    top: 0.7rem !important;
    bottom: auto !important;
    left: 0.7rem !important;
    right: auto !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    width: auto !important;
    height: auto !important;
    border-radius: 2px !important;
    padding: 0.3rem 0.55rem !important;
    background: rgba(255, 255, 255, 0.94) !important;
    background-image: none !important;
    border: 1px solid var(--sg-champagne) !important;
    color: var(--sg-black) !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html body .sg-fast-shipping-badge svg {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
}

/* --- ارسال سریع: صفحه‌ی تک‌محصول — پایین-چپ گالری (دور از ذره‌بین) --- */
html body.single-product .sg-fast-shipping-badge {
    position: absolute !important;
    top: auto !important;
    bottom: 1rem !important;
    left: 1rem !important;
    right: auto !important;
    z-index: 20 !important;
    font-size: 0.76rem !important;
    padding: 0.35rem 0.7rem !important;
}
html body.single-product .sg-fast-shipping-badge svg {
    width: 15px !important;
    height: 15px !important;
}

/* --- تخفیف: فقط درصد توی کادر قرمز؛ قیمت خط‌خورده کنارش، متن قرمز ساده بدون کادر --- */
html body .sg-price-discount-combo {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    gap: 0.4rem !important;
    font-family: var(--sg-font-body) !important;
}
html body .sg-price-discount-percent {
    display: inline-block !important;
    background: #C0392B !important;
    color: var(--sg-white) !important;
    border-radius: 2px !important;
    padding: 0.12rem 0.45rem !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}
/* جداکننده دیگه لازم نیست — فقط خودِ درصد کادر داره، نه قیمت خط‌خورده */
html body .sg-price-discount-sep {
    display: none !important;
}
html body .sg-price-discount-combo del {
    display: inline !important;
    color: #C0392B !important;
    text-decoration: line-through !important;
    text-decoration-color: #C0392B !important;
    text-decoration-thickness: 1.5px !important;
    opacity: 0.85 !important;
    font-size: 0.68rem !important;
    margin-left: 0 !important;
    white-space: nowrap !important;
}
html body.single-product .sg-price-discount-combo {
    padding: 0.16rem 0.6rem !important;
}
html body.single-product .sg-price-discount-percent,
html body.single-product .sg-price-discount-combo del {
    font-size: 0.78rem !important;
}

/* --- موبایل --- */
@media only screen and (max-width: 768px) {
    html body li.product .sg-fast-shipping-badge {
        top: 0.5rem !important;
        left: 0.5rem !important;
        font-size: 0.6rem !important;
        padding: 0.24rem 0.45rem !important;
    }
    html body .sg-fast-shipping-badge svg {
        width: 11px !important;
        height: 11px !important;
    }
    html body .sg-price-discount-percent,
    html body .sg-price-discount-combo del {
        font-size: 0.6rem !important;
    }
    html body .sg-price-discount-combo {
        padding: 0.1rem 0.4rem !important;
    }
}

/* =========================================================
   ████ پیام «به سبد اضافه شد» — توست کوچک شناور
   قبلاً یه نوار تمام‌عرض بالای صفحه بود که کل چیدمان رو
   به پایین هل می‌داد و ظاهر صفحه رو خراب می‌کرد.
   حالا یه کارت کوچیک گوشه‌ی پایین-چپ می‌شینه (روی محتوا،
   نه داخل جریان صفحه) و بعد از چند ثانیه خودش محو می‌شه.
   فقط پیام موفقیت این شکلی می‌شه — پیام‌های خطا و صفحه‌های
   سبد/تسویه دست‌نخورده می‌مونن چون اونجا باید کامل دیده بشن.
   ========================================================= */

html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error {
    position: fixed !important;
    bottom: 1.5rem !important;
    left: 1.5rem !important;
    right: auto !important;
    top: auto !important;
    z-index: 99990 !important;

    width: auto !important;
    max-width: 330px !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.6rem !important;

    background: #FFFFFF !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    box-shadow: 0 12px 32px rgba(26, 20, 15, 0.18) !important;

    color: var(--sg-black) !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.82rem !important;
    line-height: 1.7 !important;
    text-align: right !important;

    animation: sgToastIn 0.25s ease-out both, sgToastOut 0.35s ease-in 5s both !important;
}

/* دکمه‌ی «مشاهده سبد خرید» داخل توست — کامل، نه شناور سمت راست */
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message a.button.wc-forward,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info a.button.wc-forward,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error a.button.wc-forward {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0.5rem 0.8rem !important;
    font-size: 0.78rem !important;
    text-align: center !important;
    line-height: 1.6 !important;
}

/* آیکون تیک پیش‌فرض Storefront که با چیدمان جدید جفت‌وجور نیست */
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message::before,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info::before,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error::before {
    position: static !important;
    display: inline !important;
    margin: 0 0 0 0.35rem !important;
    color: var(--sg-gold) !important;
}

/* اگه کاربر موس رو روی توست ببره، محو شدن متوقف می‌شه —
   وگرنه ممکنه دقیقاً موقع کلیک روی «مشاهده سبد» از زیر دستش فرار کنه */
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message:focus-within,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info:focus-within,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error:focus-within {
    animation-play-state: paused !important;
}

@keyframes sgToastIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes sgToastOut {
    from { opacity: 1; transform: translateY(0); }
    to   { opacity: 0; transform: translateY(12px); visibility: hidden; }
}

/* موبایل — تمام‌عرض پایین صفحه، با فاصله‌ی امن از لبه‌ها */
@media only screen and (max-width: 600px) {
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error {
        left: 0.75rem !important;
        right: 0.75rem !important;
        bottom: 0.75rem !important;
        max-width: none !important;
    }
}

/* اگه کاربر ترجیح داده انیمیشن نبینه، محو شدن آنی و بدون حرکت */
@media (prefers-reduced-motion: reduce) {
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error {
        animation: none !important;
    }
}

/* ---------------------------------------------------------
   رنگ‌بندی توست بر اساس نوع پیام
   موفقیت (به سبد اضافه شد) → لبه‌ی طلایی
   اطلاع‌رسانی (این کالا از قبل توی سبد هست) → لبه‌ی طلایی تیره،
       چون این خطا نیست و نباید رنگ هشدار بگیره
   خطای واقعی → لبه‌ی قرمز، تنها حالتی که باید نگران‌کننده به نظر برسه
   نارنجی پیش‌فرض ووکامرس در همه‌ی حالت‌ها حذف می‌شه
   --------------------------------------------------------- */

html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info {
    border-top-color: var(--sg-gold-dark) !important;
    background: #FFFFFF !important;
}
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info::before {
    color: var(--sg-gold-dark) !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error {
    border-top-color: #C0392B !important;
    background: #FFFFFF !important;
}
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error::before {
    color: #C0392B !important;
}

/* لیست خطاها گاهی <ul> با بولت پیش‌فرضه — داخل توست جمع‌وجور بشه */
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error li,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info li,
html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------------
   حذف حلقه‌ی آبی پیش‌فرض مرورگر دور توست و دکمه‌ی افزودن به سبد
   علت: ووکامرس بعد از افزودن به سبد، فوکوس رو روی پیام می‌ذاره
   تا صفحه‌خوان‌ها اعلامش کنن، و مرورگر دور عنصر فوکوس‌شده outline
   آبی می‌کشه. چون outline یه خاصیت جداست، border !important
   روش اثر نداره و باید صریحاً خودش هدف گرفته بشه.
   فوکوس کیبوردی (focus-visible) حذف نمی‌شه، فقط طلایی می‌شه —
   حذف کاملش ناوبری با کیبورد رو غیرقابل‌استفاده می‌کرد.
   --------------------------------------------------------- */

html body .woocommerce-message:focus,
html body .woocommerce-info:focus,
html body .woocommerce-error:focus,
html body .woocommerce-notices-wrapper:focus,
html body .woocommerce-message:focus-within,
html body .woocommerce-info:focus-within,
html body .woocommerce-error:focus-within {
    outline: none !important;
    box-shadow: 0 12px 32px rgba(26, 20, 15, 0.18) !important;
}

/* دکمه‌های افزودن به سبد و مشاهده سبد — حلقه‌ی فوکوس طلایی به‌جای آبی */
html body .add_to_cart_button:focus,
html body .single_add_to_cart_button:focus,
html body .added_to_cart:focus,
html body a.button.wc-forward:focus {
    outline: none !important;
}
html body .add_to_cart_button:focus-visible,
html body .single_add_to_cart_button:focus-visible,
html body .added_to_cart:focus-visible,
html body a.button.wc-forward:focus-visible {
    outline: 2px solid var(--sg-gold) !important;
    outline-offset: 2px !important;
}

/* =========================================================
   ████ نوار خوشامد صفحه‌ی سبد خرید
   مشتری تا لحظه‌ی آخر اسمش رو هیچ‌جا نمی‌دید — این نوار
   بهش اطمینان می‌ده که با حساب درست وارد شده
   ========================================================= */

html body .sg-cart-greeting {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0 0 1.5rem;
    padding: 0.7rem 1rem;
    background: #FAF8F5;
    border-right: 2px solid var(--sg-gold);
    border-radius: 2px;
    font-family: var(--sg-font-body);
    font-size: 0.85rem;
    color: var(--sg-black);
}
html body .sg-cart-greeting__name {
    font-weight: 600;
}
html body .sg-cart-greeting__link {
    color: var(--sg-gold-dark);
    font-size: 0.78rem;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}
html body .sg-cart-greeting__link:hover {
    border-bottom-color: var(--sg-gold-dark);
}

@media only screen and (max-width: 600px) {
    html body .sg-cart-greeting {
        font-size: 0.8rem;
        padding: 0.6rem 0.8rem;
        margin-bottom: 1.2rem;
    }
}

/* =========================================================
   ████ یکسان‌سازی ابعاد کاور محصولات — تعریف واحد و نهایی
   قبلاً سه قانون متضاد وجود داشت: یکی 1/1، یکی 4/3، و یکی
   max-height با object-fit: contain که نسبت رو کلاً می‌شکست.
   نتیجه این بود که یه محصول در صفحه‌ی اصلی، فروشگاه و
   دسته‌بندی سه شکل متفاوت داشت.
   حالا همه‌جا مربع کامل با cover — چون عکس‌های طلا با
   پس‌زمینه‌ی یکدست گرفته می‌شن، cover برش ناخواسته نمی‌ده
   و ویترین یکنواخت‌تری می‌سازه.
   ========================================================= */

html body ul.products li.product img,
html body ul.products li.product .attachment-woocommerce_thumbnail,
html body .sg-featured ul.products li.product img,
html body.woocommerce-shop ul.products li.product img,
html body.tax-product_cat ul.products li.product img,
html body.home ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 0 0.6rem !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
}

/* کاور دسته‌بندی‌ها هم همون نسبت — تا کل سایت یک زبان بصری داشته باشه */
html body .sg-category-card img,
html body .sg-categories-preview img,
html body ul.product-categories li img,
html body .product-category img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* =========================================================
   ████ صفحه‌ی حساب کاربری — هماهنگ با زبان طراحی سایت
   ========================================================= */

html body .sg-account-greeting {
    margin: 0 0 1.2rem;
    padding: 0.7rem 1rem;
    background: #FAF8F5;
    border-right: 2px solid var(--sg-gold);
    border-radius: 2px;
    font-family: var(--sg-font-body);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--sg-black);
}

/* منوی حساب کاربری: تعریف نهایی (افقی) در انتهای فایل */

/* =========================================================
   ████ صفحه‌ی سبد خرید — چیدمان دسکتاپ و تبلت
   نسخه‌ی موبایل (زیر ۷۶۸px) از قبل نوشته شده و دست‌نخورده
   می‌مونه؛ اینجا فقط چیزی که کم بود اضافه می‌شه.
   ========================================================= */

@media only screen and (min-width: 769px) {
    /* دو ستون: جدول اقلام (پهن) + جمع کل (باریک و چسبنده) */
    html body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper + form.woocommerce-cart-form,
    html body.woocommerce-cart form.woocommerce-cart-form {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin-bottom: 2rem !important;
    }

    html body.woocommerce-cart .cart-collaterals {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        justify-content: flex-start !important;
    }
    html body.woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        max-width: 420px !important;
        float: none !important;
    }
}

/* --- جدول اقلام سبد --- */
html body.woocommerce-cart table.shop_table {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: var(--sg-font-body) !important;
    margin-bottom: 1.5rem !important;
}
html body.woocommerce-cart table.shop_table thead th {
    background: #FAF8F5 !important;
    color: var(--sg-black) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    padding: 0.9rem 1rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
    text-align: right !important;
}
html body.woocommerce-cart table.shop_table td {
    padding: 1.1rem 1rem !important;
    border-top: 1px solid #F4F1EC !important;
    vertical-align: middle !important;
    font-size: 0.88rem !important;
}
html body.woocommerce-cart table.shop_table .product-thumbnail img {
    width: 76px !important;
    height: 76px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    display: block !important;
}
html body.woocommerce-cart table.shop_table .product-name a {
    color: var(--sg-black) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
html body.woocommerce-cart table.shop_table .product-name a:hover {
    color: var(--sg-gold-dark) !important;
}
/* دکمه‌ی حذف — دایره‌ی ظریف، نه ضربدر درشت قرمز */
html body.woocommerce-cart .product-remove a.remove {
    width: 26px !important;
    height: 26px !important;
    line-height: 24px !important;
    font-size: 1.1rem !important;
    color: #B0A79C !important;
    background: transparent !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 50% !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
html body.woocommerce-cart .product-remove a.remove:hover {
    color: #C0392B !important;
    border-color: #C0392B !important;
    background: transparent !important;
}

/* --- جعبه‌ی جمع کل --- */
html body.woocommerce-cart .cart_totals {
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    padding: 1.4rem !important;
    font-family: var(--sg-font-body) !important;
}
html body.woocommerce-cart .cart_totals h2 {
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 0 0 1rem !important;
    padding-bottom: 0.7rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}
html body.woocommerce-cart .cart_totals table {
    border: none !important;
    margin: 0 !important;
}
html body.woocommerce-cart .cart_totals table th,
html body.woocommerce-cart .cart_totals table td {
    border: none !important;
    border-bottom: 1px solid #F4F1EC !important;
    padding: 0.7rem 0 !important;
    font-size: 0.87rem !important;
    background: transparent !important;
}
html body.woocommerce-cart .cart_totals .order-total th,
html body.woocommerce-cart .cart_totals .order-total td {
    border-bottom: none !important;
    padding-top: 0.9rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
html body.woocommerce-cart .cart_totals .order-total td {
    color: var(--sg-gold-dark) !important;
}

/* دکمه‌ی ادامه به پرداخت */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    margin-top: 1rem !important;
    padding: 0.9rem !important;
    background-color: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}

/* کوپن و دکمه‌ی به‌روزرسانی */
html body.woocommerce-cart .coupon input#coupon_code {
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.6rem 0.8rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    width: auto !important;
    min-width: 150px !important;
}
html body.woocommerce-cart button[name="apply_coupon"],
html body.woocommerce-cart button[name="update_cart"] {
    background: transparent !important;
    color: var(--sg-black) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    padding: 0.6rem 1.1rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
}
html body.woocommerce-cart button[name="apply_coupon"]:hover,
html body.woocommerce-cart button[name="update_cart"]:not(:disabled):hover {
    border-color: var(--sg-gold) !important;
    color: var(--sg-gold-dark) !important;
}

/* تبلت — جدول کمی جمع‌تر */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    html body.woocommerce-cart table.shop_table td,
    html body.woocommerce-cart table.shop_table thead th {
        padding: 0.8rem 0.6rem !important;
        font-size: 0.82rem !important;
    }
    html body.woocommerce-cart table.shop_table .product-thumbnail img {
        width: 62px !important;
        height: 62px !important;
    }
    html body.woocommerce-cart .cart-collaterals .cart_totals {
        max-width: 100% !important;
    }
}

/* =========================================================
   ████ صفحه‌ی تسویه حساب — چیدمان دو ستونی
   دسکتاپ: فرم (راست، پهن) + خلاصه‌ی سفارش (چپ، باریک، چسبنده)
   تبلت و موبایل: تک ستونی، خلاصه زیر فرم
   استایل قدیمی (خط ۴۵۴۰ به بعد) فقط ورودی‌ها و دکمه رو
   پوشش می‌داد و هیچ چیدمانی نداشت — این بلوک کاملش می‌کنه.
   ========================================================= */

html body.woocommerce-checkout .woocommerce {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 0 var(--sg-space-md) !important;
    box-sizing: border-box !important;
}

@media only screen and (min-width: 1025px) {
    html body.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr) !important;
        gap: 2.5rem !important;
        align-items: start !important;
        max-width: none !important;
    }
    /* ستون فرم هر دو ردیف رو می‌گیره تا بالاش با سرتیتر «سفارش شما»
       هم‌تراز بشه — وگرنه یه ردیف پایین‌تر می‌افتاد */
    html body.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 100% !important;
        float: none !important;
    }
    html body.woocommerce-checkout h3#order_review_heading {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin-top: 0 !important;
        align-self: start !important;
        position: relative !important;
        z-index: 1 !important;
    }
    html body.woocommerce-checkout #order_review {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        float: none !important;
        /* عنوان بالاش (سفارش شما) توی یه ردیف گرید جداست و بینشون gap هست؛
           این margin منفی همون فاصله رو می‌خوره تا عنوان+جعبه یکپارچه دیده بشن */
        margin-top: -0.8rem !important;
        /* align-self: start لازمه — بدون این، آیتم گرید کشیده می‌شه
           تا کل ارتفاع ردیف رو پر کنه و چسبندگی از کار می‌افته */
        align-self: start !important;
        position: sticky !important;
        top: 100px !important;
    }
    /* ردیف دوم (جعبه‌ی سفارش) نباید کشیده بشه — وگرنه زیرش فضای
       سفید می‌مونه و sticky هم بی‌اثر می‌شه */
    html body.woocommerce-checkout form.checkout.woocommerce-checkout {
        grid-template-rows: auto 1fr !important;
        row-gap: 0.8rem !important;
    }
    /* ستون‌های داخلی فرم (صورتحساب/ارسال) زیر هم، نه کنار هم —
       چون ستون فرم خودش نصف عرضه و دو ستونی کردنش تنگ می‌شه */
    html body.woocommerce-checkout #customer_details .col-1,
    html body.woocommerce-checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 1.5rem !important;
    }
}

/* --- جعبه‌ها --- */
html body.woocommerce-checkout #customer_details .col-1,
html body.woocommerce-checkout #customer_details .col-2,
html body.woocommerce-checkout #order_review {
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    padding: 1.5rem !important;
    box-sizing: border-box !important;
}
/* «سفارش شما» توی قالب پیش‌فرض ووکامرس یه h3 جدا از #order_review هست (نه داخلش) —
   برای همین اینجا جدا قابش می‌کنیم که با هم یه جعبه‌ی یکپارچه دیده بشن، دقیقاً هم‌راستا با
   عنوان «صورت‌حساب و حمل و نقل» که چون داخل .col-1 هست خودش این مشکل رو نداره */
html body.woocommerce-checkout h3#order_review_heading {
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-bottom: none !important;
    border-radius: 2px 2px 0 0 !important;
    padding: 1.5rem 1.5rem 0 !important;
    box-sizing: border-box !important;
}
html body.woocommerce-checkout #order_review {
    border-top: none !important;
    border-radius: 0 0 2px 2px !important;
    padding-top: 0.8rem !important;
}

/* --- عناوین --- */
html body.woocommerce-checkout h3 {
    font-family: var(--sg-font-body) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    padding-bottom: 0.7rem !important;
    margin-bottom: 1.2rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}
html body.woocommerce-checkout h3#order_review_heading {
    margin-bottom: 0 !important;
}

/* --- فیلدهای فرم --- */
html body.woocommerce-checkout .form-row {
    padding: 0 0 1rem !important;
    margin: 0 !important;
}
html body.woocommerce-checkout .form-row label {
    display: block !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.8rem !important;
    color: #6b6258 !important;
    margin-bottom: 0.35rem !important;
    font-weight: 500 !important;
}
html body.woocommerce-checkout .form-row .required {
    color: #C0392B !important;
    text-decoration: none !important;
}
html body.woocommerce-checkout input[type="text"],
html body.woocommerce-checkout input[type="email"],
html body.woocommerce-checkout input[type="tel"],
html body.woocommerce-checkout input[type="password"],
html body.woocommerce-checkout textarea,
html body.woocommerce-checkout select,
html body.woocommerce-checkout .select2-container .select2-selection--single {
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.65rem 0.85rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.9rem !important;
    color: var(--sg-black) !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}
html body.woocommerce-checkout textarea {
    min-height: 90px !important;
    resize: vertical !important;
}
html body.woocommerce-checkout input:focus,
html body.woocommerce-checkout textarea:focus,
html body.woocommerce-checkout select:focus {
    border-color: var(--sg-gold) !important;
    outline: 2px solid rgba(197, 160, 89, 0.25) !important;
    outline-offset: 0 !important;
}

/* --- جدول خلاصه‌ی سفارش --- */
html body.woocommerce-checkout #order_review table.shop_table {
    border: none !important;
    margin: 0 !important;
    font-family: var(--sg-font-body) !important;
}
html body.woocommerce-checkout #order_review table.shop_table th,
html body.woocommerce-checkout #order_review table.shop_table td {
    border: none !important;
    border-bottom: 1px solid #F4F1EC !important;
    padding: 0.7rem 0 !important;
    font-size: 0.86rem !important;
    background: transparent !important;
}
html body.woocommerce-checkout #order_review table.shop_table thead th {
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    color: #6b6258 !important;
}
html body.woocommerce-checkout #order_review .order-total th,
html body.woocommerce-checkout #order_review .order-total td {
    border-bottom: none !important;
    padding-top: 0.9rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
html body.woocommerce-checkout #order_review .order-total td {
    color: var(--sg-gold-dark) !important;
}

/* --- روش پرداخت --- */
html body.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    margin-top: 1.2rem !important;
}
html body.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 1rem !important;
}
html body.woocommerce-checkout #payment ul.payment_methods li {
    background: #FAF8F5 !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.8rem !important;
    margin-bottom: 0.6rem !important;
    list-style: none !important;
}
html body.woocommerce-checkout #payment div.payment_box {
    background: transparent !important;
    border: none !important;
    font-size: 0.82rem !important;
    color: #6b6258 !important;
    padding: 0.6rem 0 0 !important;
    margin: 0 !important;
}
html body.woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}

/* --- دکمه‌ی ثبت سفارش --- */
html body.woocommerce-checkout #place_order {
    width: 100% !important;
    margin-top: 0.5rem !important;
    padding: 0.95rem !important;
    background-color: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    float: none !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body.woocommerce-checkout #place_order:hover {
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}

/* --- تبلت: تک ستونی ولی جادارتر --- */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    html body.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: block !important;
    }
    html body.woocommerce-checkout #customer_details,
    html body.woocommerce-checkout #order_review {
        width: 100% !important;
        float: none !important;
        position: static !important;
    }
    html body.woocommerce-checkout #customer_details .col-1,
    html body.woocommerce-checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 1.2rem !important;
    }
    html body.woocommerce-checkout h3#order_review_heading {
        margin-top: 1.5rem !important;
    }
}

/* --- موبایل --- */
@media only screen and (max-width: 768px) {
    html body.woocommerce-checkout .woocommerce {
        padding: 0 0.8rem !important;
    }
    html body.woocommerce-checkout form.checkout.woocommerce-checkout {
        display: block !important;
    }
    html body.woocommerce-checkout #customer_details,
    html body.woocommerce-checkout #order_review,
    html body.woocommerce-checkout #customer_details .col-1,
    html body.woocommerce-checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
        position: static !important;
    }
    html body.woocommerce-checkout #customer_details .col-1,
    html body.woocommerce-checkout #customer_details .col-2,
    html body.woocommerce-checkout #order_review {
        padding: 1.1rem !important;
        margin-bottom: 1rem !important;
    }
    html body.woocommerce-checkout h3#order_review_heading {
        margin-top: 1.2rem !important;
    }
    /* روی موبایل، ورودی‌ها باید ۱۶px باشن وگرنه سافاری خودکار زوم می‌کنه */
    html body.woocommerce-checkout input[type="text"],
    html body.woocommerce-checkout input[type="email"],
    html body.woocommerce-checkout input[type="tel"],
    html body.woocommerce-checkout textarea,
    html body.woocommerce-checkout select {
        font-size: 16px !important;
    }
}

/* =========================================================
   ████ نوارهای اطلاع‌رسانی صفحات سبد و تسویه
   این دو صفحه از سیستم توست شناور استثنا شدن (چون پیام‌ها
   اینجا باید ثابت و کامل دیده بشن)، ولی استایل جایگزینی
   براشون نوشته نشده بود و آبی خام Storefront می‌موند.
   ========================================================= */

html body.woocommerce-cart .woocommerce-info,
html body.woocommerce-checkout .woocommerce-info,
html body.woocommerce-cart .woocommerce-message,
html body.woocommerce-checkout .woocommerce-message,
html body.woocommerce-cart .woocommerce-error,
html body.woocommerce-checkout .woocommerce-error {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 1.5rem !important;
    padding: 0.9rem 1.1rem !important;
    background: #FAF8F5 !important;
    background-image: none !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 2px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    animation: none !important;
    color: var(--sg-black) !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    line-height: 1.9 !important;
    text-align: right !important;
    box-sizing: border-box !important;
}
html body.woocommerce-cart .woocommerce-error,
html body.woocommerce-checkout .woocommerce-error {
    border-top-color: #C0392B !important;
    background: #FDF6F5 !important;
}
/* آیکون گرد پیش‌فرض Storefront که با این چیدمان جور نیست */
html body.woocommerce-cart .woocommerce-info::before,
html body.woocommerce-checkout .woocommerce-info::before,
html body.woocommerce-cart .woocommerce-message::before,
html body.woocommerce-checkout .woocommerce-message::before,
html body.woocommerce-cart .woocommerce-error::before,
html body.woocommerce-checkout .woocommerce-error::before {
    display: none !important;
}
html body.woocommerce-cart .woocommerce-info a,
html body.woocommerce-checkout .woocommerce-info a,
html body.woocommerce-cart .woocommerce-message a,
html body.woocommerce-checkout .woocommerce-message a {
    color: var(--sg-gold-dark) !important;
    text-decoration: underline !important;
}
html body.woocommerce-cart .woocommerce-error li,
html body.woocommerce-checkout .woocommerce-error li,
html body.woocommerce-cart .woocommerce-info li,
html body.woocommerce-checkout .woocommerce-info li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* نوار داخل جعبه‌ی روش پرداخت (مثلاً «روش پرداختی موجود نیست») —
   داخل جعبه‌ست، پس حاشیه‌ی بالای طلایی لازم نداره */
html body.woocommerce-checkout #payment .woocommerce-info,
html body.woocommerce-checkout #payment ul.payment_methods + .woocommerce-info,
html body.woocommerce-checkout #payment li .woocommerce-info {
    border-top: 1px solid var(--sg-champagne) !important;
    margin-bottom: 1rem !important;
    font-size: 0.82rem !important;
}

/* --- متن حریم خصوصی زیر جعبه‌ی سفارش --- */
html body.woocommerce-checkout .woocommerce-privacy-policy-text,
html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    font-family: var(--sg-font-body) !important;
    font-size: 0.78rem !important;
    line-height: 1.9 !important;
    color: #6b6258 !important;
    text-align: right !important;
    margin: 1rem 0 !important;
}
html body.woocommerce-checkout .woocommerce-privacy-policy-text p {
    margin: 0 !important;
    font-size: 0.78rem !important;
}

/* =========================================================
   ████ عرض کانتینر صفحات سبد و تسویه
   بدون این، کانتینر Storefront صفحه رو تنگ نگه می‌داشت و
   چیدمان دو ستونی فضای واقعی‌ش رو نمی‌گرفت.
   ========================================================= */

html body.woocommerce-checkout .col-full,
html body.woocommerce-cart .col-full,
html body.woocommerce-checkout #primary.content-area,
html body.woocommerce-cart #primary.content-area,
html body.woocommerce-checkout .content-area,
html body.woocommerce-cart .content-area,
html body.woocommerce-checkout main#main,
html body.woocommerce-cart main#main {
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
}
html body.woocommerce-checkout .woocommerce,
html body.woocommerce-cart .woocommerce {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ████ دکمه‌ی ثبت سفارش — انتخابگر قوی‌تر
   Storefront استایل دکمه‌ها رو با اختصاصیت بالا تحمیل می‌کنه،
   پس انتخابگر قبلی همیشه برنده نمی‌شد و دکمه خاکستری می‌موند.
   ========================================================= */

html body.woocommerce-checkout #payment button#place_order,
html body.woocommerce-checkout button#place_order,
html body.woocommerce-checkout #place_order,
html body .woocommerce #payment #place_order {
    display: block !important;
    width: 100% !important;
    margin-top: 0.6rem !important;
    padding: 0.95rem !important;
    background: #2B2420 !important;
    background-color: #2B2420 !important;
    background-image: none !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    float: none !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body.woocommerce-checkout #payment button#place_order:hover,
html body.woocommerce-checkout button#place_order:hover,
html body .woocommerce #payment #place_order:hover {
    background: var(--sg-gold) !important;
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}

/* پیام‌های سبد و تسویه روی موبایل — جمع‌وجورتر */
@media only screen and (max-width: 768px) {
    html body.woocommerce-cart .woocommerce-info,
    html body.woocommerce-checkout .woocommerce-info,
    html body.woocommerce-cart .woocommerce-message,
    html body.woocommerce-checkout .woocommerce-message,
    html body.woocommerce-cart .woocommerce-error,
    html body.woocommerce-checkout .woocommerce-error {
        padding: 0.7rem 0.85rem !important;
        margin-bottom: 1rem !important;
        font-size: 0.8rem !important;
        line-height: 1.8 !important;
    }
}

/* =========================================================
   ████ اصلاحات سبد و تسویه — دور دوم
   ========================================================= */

/* --- ستون «تعداد» و دکمه‌ی به‌روزرسانی حذف می‌شن ---
   هر قطعه طلا تک‌نسخه‌ست (sold_individually در افزونه‌ی قیمت)،
   پس تعداد همیشه ۱ می‌مونه و این دو تا فقط فضا اشغال می‌کردن
   و کاربر رو سردرگم می‌کردن. */
html body.woocommerce-cart table.shop_table th.product-quantity,
html body.woocommerce-cart table.shop_table td.product-quantity,
html body.woocommerce-cart button[name="update_cart"],
html body.woocommerce-cart input[name="update_cart"] {
    display: none !important;
}

/* --- دکمه‌ی اعمال کد تخفیف در سبد — هماهنگ با تم --- */
html body.woocommerce-cart button[name="apply_coupon"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--sg-black) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    padding: 0.65rem 1.2rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
}
html body.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: var(--sg-gold) !important;
    border-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}

/* --- دکمه‌ی ادامه و پرداخت — تیره‌ی برند، نه خاکستری Storefront --- */
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body .woocommerce .wc-proceed-to-checkout a.button.checkout-button {
    background: #2B2420 !important;
    background-color: #2B2420 !important;
    background-image: none !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body .woocommerce .wc-proceed-to-checkout a.button.checkout-button:hover {
    background: var(--sg-gold) !important;
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}

/* --- فضای سفید اضافه‌ی بالای صفحات --- */
html body.woocommerce-cart .site-main,
html body.woocommerce-checkout .site-main,
html body.woocommerce-account .site-main,
html body.woocommerce-cart .content-area,
html body.woocommerce-checkout .content-area,
html body.woocommerce-account .content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
html body.woocommerce-cart .entry-header,
html body.woocommerce-checkout .entry-header,
html body.woocommerce-account .entry-header {
    margin-bottom: 1rem !important;
    padding-top: 0 !important;
}
html body.woocommerce-cart h1.entry-title,
html body.woocommerce-checkout h1.entry-title,
html body.woocommerce-account h1.entry-title {
    margin: 0 0 1.2rem !important;
    padding-top: 0 !important;
    font-size: 1.8rem !important;
}

/* باکس کد تخفیف: تعریف نهایی در بخش «کد تخفیف» انتهای فایل */

/* =========================================================
   ████ کد تخفیف — جایگذاری و ظاهر نهایی
   سبد: کنار جعبه‌ی جمع کل (تا فضای خالی کنارش پر بشه)
   تسویه: جمع‌وجور، درست بالای دکمه‌ی ثبت سفارش
   ========================================================= */

/* فرم کوپن پیش‌فرض داخل جدول سبد حذف می‌شه — جایگزینش کنار جمع کل نشست */
html body.woocommerce-cart form.woocommerce-cart-form .coupon {
    display: none !important;
}
/* ردیف دکمه‌های ته جدول که حالا خالی مونده */
html body.woocommerce-cart form.woocommerce-cart-form td.actions {
    padding: 0 !important;
    border: none !important;
}

/* --- سبد: دو ستون کنار هم — کوپن | جمع کل --- */
@media only screen and (min-width: 769px) {
    html body.woocommerce-cart .cart-collaterals {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 400px) !important;
        gap: 1.5rem !important;
        align-items: start !important;
        width: 100% !important;
        float: none !important;
    }
    html body.woocommerce-cart .cart-collaterals .sg-coupon {
        grid-column: 1 !important;
        margin: 0 !important;
    }
    html body.woocommerce-cart .cart-collaterals .cart_totals {
        grid-column: 2 !important;
        max-width: none !important;
        width: 100% !important;
    }
    html body.woocommerce-cart .cart-collaterals .cross-sells {
        grid-column: 1 / -1 !important;
    }
}

/* --- ظاهر مشترک باکس --- */
html body .sg-coupon {
    box-sizing: border-box !important;
    font-family: var(--sg-font-body) !important;
}
html body .sg-coupon__label {
    display: block !important;
    font-size: 0.8rem !important;
    color: #6b6258 !important;
    margin: 0 0 0.5rem !important;
}
html body .sg-coupon__row {
    display: flex !important;
    gap: 0.5rem !important;
}
html body input.sg-coupon__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0 0.8rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.87rem !important;
    color: var(--sg-black) !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}
html body input.sg-coupon__input:focus {
    border-color: var(--sg-gold) !important;
    outline: 2px solid rgba(197, 160, 89, 0.22) !important;
    outline-offset: 0 !important;
}
html body button.sg-coupon__btn {
    flex: 0 0 auto !important;
    height: 42px !important;
    min-width: 84px !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--sg-black) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
html body button.sg-coupon__btn:hover:not(:disabled) {
    background-color: var(--sg-gold) !important;
    border-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}
html body button.sg-coupon__btn:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}
html body .sg-coupon__msg {
    margin: 0.55rem 0 0 !important;
    font-size: 0.79rem !important;
    line-height: 1.7 !important;
}
html body .sg-coupon__msg.is-ok {
    color: #2E7D32 !important;
}
html body .sg-coupon__msg.is-error {
    color: #C0392B !important;
}

/* --- سبد: جعبه‌دار، هم‌سبک با جمع کل کنارش --- */
html body .sg-coupon--cart {
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    padding: 1.4rem !important;
}
html body .sg-coupon--cart .sg-coupon__label {
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    margin-bottom: 0.9rem !important;
    padding-bottom: 0.7rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}

/* --- تسویه: بدون جعبه‌ی اضافه، چون خودش داخل جعبه‌ی سفارشه --- */
html body .sg-coupon--checkout {
    margin: 0 0 1.1rem !important;
    padding: 0.9rem 0 0 !important;
    border-top: 1px solid var(--sg-champagne) !important;
    background: transparent !important;
}

@media only screen and (max-width: 768px) {
    html body .sg-coupon--cart {
        padding: 1.1rem !important;
        margin-bottom: 1rem !important;
    }
    html body .sg-coupon__row {
        flex-direction: column !important;
    }
    html body input.sg-coupon__input,
    html body button.sg-coupon__btn {
        width: 100% !important;
        /* روی موبایل ورودی باید ۱۶px باشه وگرنه سافاری موقع کلیک زوم می‌کنه */
        font-size: 16px !important;
    }
    html body button.sg-coupon__btn {
        font-size: 0.9rem !important;
    }
}


/* =========================================================
   ████ نقشه‌راه خرید — نسخه‌ی دسکتاپ و تبلت
   مارک‌آپ و منطق مرحله‌ی فعال از قبل در functions.php وجود داشت
   و برای هر دو صفحه کار می‌کرد؛ فقط استایلش داخل مدیا کوئری
   موبایل حبس شده بود. اینجا برای صفحه‌های بزرگ‌تر باز می‌شه،
   با ابعاد سخاوتمندانه‌تر و حلقه‌ی چرخان روی مرحله‌ی فعال.
   ========================================================= */

@media only screen and (min-width: 769px) {
    html body.woocommerce-cart .sg-checkout-steps,
    html body.woocommerce-checkout .sg-checkout-steps {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 1400px !important;
        margin: 0 auto 2.2rem !important;
        padding: 1.6rem 2rem 0 !important;
        background: transparent !important;
        border-bottom: none !important;
        position: relative !important;
    }
    html body .sg-checkout-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important;
        flex: 1 !important;
        position: relative !important;
    }
    /* خط اتصال بین دایره‌ها */
    html body .sg-checkout-step:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        top: 23px !important;
        right: 50% !important;
        width: 100% !important;
        height: 1px !important;
        background: var(--sg-champagne) !important;
        z-index: 0 !important;
    }
    /* خط مرحله‌های طی‌شده طلایی پر می‌شه */
    html body .sg-checkout-step.is-done:not(:last-child)::after {
        background: var(--sg-gold) !important;
    }

    html body .sg-checkout-step__circle {
        position: relative !important;
        z-index: 1 !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 50% !important;
        background: #FFFFFF !important;
        border: 1.5px solid var(--sg-champagne) !important;
        color: #B0A79C !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease !important;
    }
    html body .sg-checkout-step__label {
        font-family: var(--sg-font-body) !important;
        font-size: 0.82rem !important;
        color: #B0A79C !important;
        transition: color 0.25s ease !important;
    }

    /* --- مرحله‌ی فعال: حلقه‌ی طلایی که آرام دور دایره می‌چرخد --- */
    html body .sg-checkout-step.is-active .sg-checkout-step__circle {
        border-color: var(--sg-gold) !important;
        color: var(--sg-gold) !important;
    }
    html body .sg-checkout-step.is-active .sg-checkout-step__circle::before {
        content: "" !important;
        position: absolute !important;
        inset: -6px !important;
        border-radius: 50% !important;
        border: 2px solid transparent !important;
        border-top-color: var(--sg-gold) !important;
        border-right-color: rgba(197, 160, 89, 0.35) !important;
        animation: sgStepSpin 2.2s linear infinite !important;
    }
    html body .sg-checkout-step.is-active .sg-checkout-step__label {
        color: var(--sg-gold-dark) !important;
        font-weight: 600 !important;
    }

    /* --- مرحله‌های طی‌شده: دایره‌ی پر --- */
    html body .sg-checkout-step.is-done .sg-checkout-step__circle {
        background: var(--sg-gold) !important;
        border-color: var(--sg-gold) !important;
        color: #FFFFFF !important;
    }
    html body .sg-checkout-step.is-done .sg-checkout-step__label {
        color: var(--sg-gold-dark) !important;
    }

    /* عنوان صفحه بعد از نقشه‌راه فاصله‌ی کمتری لازم داره */
    html body.woocommerce-cart h1.entry-title,
    html body.woocommerce-checkout h1.entry-title {
        margin-top: 0 !important;
    }
}

@keyframes sgStepSpin {
    to { transform: rotate(360deg); }
}

/* حلقه‌ی چرخان روی موبایل هم اضافه بشه (بقیه‌ی استایل موبایل از قبل هست) */
@media only screen and (max-width: 768px) {
    html body .sg-checkout-step.is-active .sg-checkout-step__circle {
        box-shadow: none !important;
    }
    html body .sg-checkout-step.is-active .sg-checkout-step__circle::before {
        content: "" !important;
        position: absolute !important;
        inset: -5px !important;
        border-radius: 50% !important;
        border: 2px solid transparent !important;
        border-top-color: var(--sg-gold) !important;
        border-right-color: rgba(197, 160, 89, 0.35) !important;
        animation: sgStepSpin 2.2s linear infinite !important;
    }
}

/* اگر کاربر ترجیح داده انیمیشن نبیند، حلقه ثابت می‌ماند */
@media (prefers-reduced-motion: reduce) {
    html body .sg-checkout-step.is-active .sg-checkout-step__circle::before {
        animation: none !important;
        border-color: var(--sg-gold) !important;
    }
}



/* =========================================================
   ████ فرم آدرس تسویه — چیدمان فشرده
   دو فیلد در هر سطر روی دسکتاپ و تبلت، تک‌ستونی روی موبایل.
   هدف: کم کردن اسکرول در طولانی‌ترین فرم سایت.
   ========================================================= */

/* فیلد کشور از دید کاربر مخفیه، ولی در DOM می‌مونه تا محاسبه‌ی
   ارسال و اعتبارسنجی ووکامرس نشکنه */
html body.woocommerce-checkout .sg-hidden-field,
html body.woocommerce-account .sg-hidden-field {
    display: none !important;
}

@media only screen and (min-width: 421px) {
    html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    html body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    html body.woocommerce-account .woocommerce-address-fields__field-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 1rem !important;
    }

    /* ترتیب با CSS تحمیل می‌شه، نه با اولویت PHP —
       ووکامرس برای هر کشور یه «قالب محلی» داره که اولویت‌های
       تعریف‌شده رو بازنویسی می‌کنه و کد پستی رو می‌بره بالا. */
    html body.woocommerce-checkout #billing_first_name_field { order: 1 !important; }
    html body.woocommerce-checkout #billing_last_name_field  { order: 2 !important; }
    html body.woocommerce-checkout #billing_state_field      { order: 3 !important; }
    html body.woocommerce-checkout #billing_city_field       { order: 4 !important; }
    html body.woocommerce-checkout #billing_address_1_field  { order: 5 !important; }
    html body.woocommerce-checkout #billing_postcode_field   { order: 6 !important; }
    html body.woocommerce-checkout #billing_phone_field      { order: 7 !important; }
    html body.woocommerce-checkout #billing_email_field      { order: 8 !important; }
    html body.woocommerce-checkout #billing_company_field    { order: 9 !important; }

    html body.woocommerce-checkout #shipping_first_name_field { order: 1 !important; }
    html body.woocommerce-checkout #shipping_last_name_field  { order: 2 !important; }
    html body.woocommerce-checkout #shipping_state_field      { order: 3 !important; }
    html body.woocommerce-checkout #shipping_city_field       { order: 4 !important; }
    html body.woocommerce-checkout #shipping_address_1_field  { order: 5 !important; }
    html body.woocommerce-checkout #shipping_postcode_field   { order: 6 !important; }
    /* فیلدهای نصف‌عرض هرکدام یک ستون */
    html body.woocommerce-checkout .form-row.sg-half,
    html body.woocommerce-account .form-row.sg-half {
        grid-column: span 1 !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
    /* فیلدهای تمام‌عرض هر دو ستون را می‌گیرند */
    html body.woocommerce-checkout .form-row.form-row-wide,
    html body.woocommerce-checkout .form-row.notes,
    html body.woocommerce-account .form-row.form-row-wide {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* موبایل: تک‌ستونی — دو فیلد کنار هم در عرض کم خوانا نیست */
@media only screen and (max-width: 420px) {
    html body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    html body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    html body.woocommerce-account .woocommerce-address-fields__field-wrapper {
        display: block !important;
    }
    html body.woocommerce-checkout .form-row,
    html body.woocommerce-account .form-row {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* select2 (استان) باید هم‌قد بقیه‌ی ورودی‌ها باشه */
html body.woocommerce-checkout .select2-container--default .select2-selection--single {
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
}
html body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.6 !important;
    padding: 0 !important;
    color: var(--sg-black) !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.9rem !important;
}
html body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}

/* =========================================================
   ████ فوتر تمام‌عرض
   فوتر داخل کانتینر محدودشده‌ی Storefront (.col-full) رندر
   می‌شه، برای همین نوار قهوه‌ای حاشیه‌ی سفید می‌گرفت.
   حالا خود کانتینر تمام‌عرض می‌شه و محتوای داخلی با
   max-width وسط‌چین می‌مونه — یعنی نوار لبه‌تا‌لبه‌ست ولی
   متن‌ها همچنان هم‌تراز بقیه‌ی سایت.
   ========================================================= */

html body .site-footer .col-full,
html body footer.site-footer .col-full {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* نوار قهوه‌ای پایین — لبه تا لبه */
html body .sg-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
/* محتوای داخلش وسط‌چین و هم‌تراز بقیه‌ی سایت */
html body .sg-footer > * {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* بخش اطلاعات تماس بالای فوتر — همان منطق */
html body .sg-footer-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    box-sizing: border-box !important;
}

/* نوار اعتماد — تعریف نهایی در بخش «نوار اعتماد» انتهای فایل */

@media only screen and (max-width: 768px) {
    html body .sg-footer-main {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* =========================================================
   ████ رفع اسکرول افقی سایت
   ووکامرس یه عنصر مخفی می‌سازه که تغییرات سبد رو برای
   صفحه‌خوان‌ها اعلام می‌کنه. روش مخفی‌سازیش قدیمیه (بردن به
   بیرون صفحه با مقدار منفی بزرگ) که در چیدمان راست‌به‌چپ
   باعث می‌شه کل صفحه از عرض بیرون بزنه و اسکرول افقی بیاد.
   اینجا با روش استاندارد امروزی مخفی می‌شه: صفر فضا، ولی
   همچنان برای صفحه‌خوان‌ها قابل خواندن.
   نکته: عمداً overflow-x: hidden روی html/body نذاشتم، چون
   هدر sticky است و اون خاصیت چسبندگی‌ش رو از کار می‌ندازه.
   ========================================================= */

/* این یکی position: fixed می‌گیره — نسبت به خود پنجره جای می‌گیره،
   پس هر استایلی هم که ووکامرس رویش گذاشته باشه، امکان بیرون زدن از
   عرض صفحه رو نداره. بقیه absolute می‌مونن که کافیه. */
html body div.widget_shopping_cart_live_region,
html body .widget_shopping_cart_live_region.screen-reader-text {
    position: fixed !important;
    inset: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 1px !important;
    height: 1px !important;
    max-width: 1px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    transform: none !important;
    pointer-events: none !important;
}

html body .screen-reader-text,
html body .wc-block-components-notice-snackbar__content-text,
html body .woocommerce .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    inset-inline: auto !important;
}

/* استثنا: وقتی عنصر مخفی فوکوس می‌گیره (مثل لینک «پرش به محتوا»)
   باید دیده بشه — وگرنه کاربر کیبورد نمی‌فهمه کجاست */
html body .screen-reader-text:focus,
html body .screen-reader-text:focus-visible {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
}

/* =========================================================
   ████ نوار اعتماد — شبکه‌ی خودتنظیم به‌جای کاروسل افقی
   قبلاً flex با nowrap و overflow-x: auto بود؛ شش آیتم با
   حداقل عرض ۲۲۰px یعنی حدود ۱۴۴۰px، پس روی هر صفحه‌ای
   باریک‌تر از این از عرض بیرون می‌زد و اسکرول افقی می‌ساخت.
   (و با overflow: hidden، آیتم‌ها به‌جای اسکرول غیب می‌شدن.)
   حالا شبکه‌ایه که خودش تعداد ستون‌ها رو با عرض موجود تطبیق
   می‌ده: در هر اندازه‌ای همه‌ی آیتم‌ها دیده می‌شن، بدون اسکرول.
   ========================================================= */

html body .sg-trust-bar {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 0.9rem !important;
    width: 100% !important;
    max-width: 1700px !important;
    margin: 0 auto !important;
    padding: var(--sg-space-md) var(--sg-space-md) 1rem !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
html body .sg-trust-bar__item {
    min-width: 0 !important;
    width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
    padding: 0.9rem 1rem !important;
}
html body .sg-trust-bar__text {
    min-width: 0 !important;
}
html body .sg-trust-bar__text strong,
html body .sg-trust-bar__text span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

@media only screen and (max-width: 768px) {
    html body .sg-trust-bar {
        grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
        gap: 0.7rem !important;
        padding: 1rem 1rem 0.6rem !important;
    }
    html body .sg-trust-bar__item {
        padding: 0.75rem 0.8rem !important;
        gap: 0.5rem !important;
    }
}

/* =========================================================
   ████ فشرده‌سازی فاصله‌ی بالای صفحات سبد و تسویه
   نقشه‌راه (breadcrumb) از این صفحات حذف شد؛ این‌ها فاصله‌های
   باقی‌مانده‌ی اطرافش رو هم جمع می‌کنن تا سرتیتر صفحه نزدیک‌تر
   به نوار مراحل بشینه.
   ========================================================= */

html body.woocommerce-cart .storefront-breadcrumb,
html body.woocommerce-checkout .storefront-breadcrumb,
html body.woocommerce-account .storefront-breadcrumb,
html body.woocommerce-cart .woocommerce-breadcrumb,
html body.woocommerce-checkout .woocommerce-breadcrumb,
html body.woocommerce-account .woocommerce-breadcrumb {
    display: none !important;
}

html body.woocommerce-cart .sg-checkout-steps,
html body.woocommerce-checkout .sg-checkout-steps {
    margin-bottom: 1rem !important;
    padding-bottom: 0 !important;
}

html body.woocommerce-cart .site-content,
html body.woocommerce-checkout .site-content,
html body.woocommerce-account .site-content {
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
}

html body.woocommerce-cart .entry-header,
html body.woocommerce-checkout .entry-header,
html body.woocommerce-account .entry-header {
    margin-top: 0 !important;
    margin-bottom: 1.2rem !important;
}

@media only screen and (max-width: 768px) {
    html body.woocommerce-cart .site-content,
    html body.woocommerce-checkout .site-content,
    html body.woocommerce-account .site-content {
        padding-top: 0.3rem !important;
    }
}

/* =========================================================
   ████ صفحه‌ی «سفارش دریافت شد»
   آخرین چیزی که مشتری بعد از پرداخت می‌بینه — باید حس
   اطمینان بده، نه اینکه شبیه جدول خام باشه.
   ========================================================= */

html body.woocommerce-order-received .woocommerce,
html body.woocommerce-account .woocommerce {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 0 var(--sg-space-md) !important;
    box-sizing: border-box !important;
}

/* پیام موفقیت بالای صفحه */
html body.woocommerce-order-received .woocommerce-notice--success,
html body.woocommerce-account .woocommerce-notice--success,
html body.woocommerce-order-received .woocommerce-thankyou-order-received,
html body.woocommerce-account .woocommerce-thankyou-order-received {
    display: block !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    padding: 1.6rem 1.4rem !important;
    margin: 0 0 1.8rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    text-align: center !important;
}
html body.woocommerce-order-received .woocommerce-notice--success::before,
html body.woocommerce-account .woocommerce-notice--success::before {
    display: none !important;
}

/* نوار خلاصه‌ی سفارش (شماره، تاریخ، مبلغ، روش پرداخت) */
html body.woocommerce-order-received ul.woocommerce-order-overview,
html body.woocommerce-account ul.woocommerce-order-overview,
html body.woocommerce-order-received ul.order_details,
html body.woocommerce-account ul.order_details {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 2rem !important;
    padding: 0 !important;
    list-style: none !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}
html body.woocommerce-order-received ul.woocommerce-order-overview li,
html body.woocommerce-account ul.woocommerce-order-overview li,
html body.woocommerce-order-received ul.order_details li,
html body.woocommerce-account ul.order_details li {
    margin: 0 !important;
    padding: 1rem 0.9rem !important;
    border: none !important;
    border-left: 1px solid var(--sg-champagne) !important;
    text-align: center !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.75rem !important;
    color: #6b6258 !important;
    text-transform: none !important;
    float: none !important;
    width: auto !important;
    line-height: 1.9 !important;
}
html body.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
html body.woocommerce-account ul.woocommerce-order-overview li:last-child,
html body.woocommerce-order-received ul.order_details li:last-child,
html body.woocommerce-account ul.order_details li:last-child {
    border-left: none !important;
}
html body.woocommerce-order-received ul.woocommerce-order-overview li strong,
html body.woocommerce-account ul.woocommerce-order-overview li strong,
html body.woocommerce-order-received ul.order_details li strong,
html body.woocommerce-account ul.order_details li strong {
    display: block !important;
    margin-top: 0.3rem !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: var(--sg-black) !important;
}

/* عنوان‌های بخش */
html body.woocommerce-order-received .woocommerce-order-details__title,
html body.woocommerce-account .woocommerce-order-details__title,
html body.woocommerce-order-received .woocommerce-column__title,
html body.woocommerce-account .woocommerce-column__title,
html body.woocommerce-order-received h2,
html body.woocommerce-account h2 {
    font-family: var(--sg-font-body) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    margin: 0 0 1rem !important;
    padding-bottom: 0.7rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}

/* جدول جزئیات سفارش */
html body.woocommerce-order-received table.woocommerce-table--order-details,
html body.woocommerce-account table.woocommerce-table--order-details,
html body.woocommerce-order-received table.shop_table,
html body.woocommerce-account table.shop_table {
    width: 100% !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 2rem !important;
    font-family: var(--sg-font-body) !important;
    background: #FFFFFF !important;
}
html body.woocommerce-order-received table.shop_table thead th,
html body.woocommerce-account table.shop_table thead th {
    background: #FAF8F5 !important;
    padding: 0.9rem 1rem !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
    text-align: right !important;
}
html body.woocommerce-order-received table.shop_table td,
html body.woocommerce-account table.shop_table td,
html body.woocommerce-order-received table.shop_table tfoot th,
html body.woocommerce-account table.shop_table tfoot th {
    padding: 0.9rem 1rem !important;
    font-size: 0.87rem !important;
    border-top: 1px solid #F4F1EC !important;
    vertical-align: top !important;
}
html body.woocommerce-order-received table.shop_table tfoot tr:last-child th,
html body.woocommerce-account table.shop_table tfoot tr:last-child th,
html body.woocommerce-order-received table.shop_table tfoot tr:last-child td,
html body.woocommerce-account table.shop_table tfoot tr:last-child td {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--sg-gold-dark) !important;
    background: #FAF8F5 !important;
}
html body.woocommerce-order-received table.shop_table .product-name a,
html body.woocommerce-account table.shop_table .product-name a {
    color: var(--sg-black) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* تفکیک قیمت زیر نام هر قلم (وزن، عیار، اجرت، سود) */
html body.woocommerce-order-received .wc-item-meta,
html body.woocommerce-account .wc-item-meta,
html body.woocommerce-order-received .variation,
html body.woocommerce-account .variation {
    margin: 0.5rem 0 0 !important;
    padding: 0.6rem 0.8rem !important;
    background: #FAF8F5 !important;
    border-radius: 2px !important;
    list-style: none !important;
    font-size: 0.78rem !important;
    line-height: 2 !important;
    color: #6b6258 !important;
}
html body.woocommerce-order-received .wc-item-meta li,
html body.woocommerce-account .wc-item-meta li,
html body.woocommerce-order-received .wc-item-meta p,
html body.woocommerce-account .wc-item-meta p {
    margin: 0 !important;
    padding: 0 !important;
}
html body.woocommerce-order-received .wc-item-meta strong,
html body.woocommerce-account .wc-item-meta strong {
    font-weight: 500 !important;
    color: var(--sg-black) !important;
}

/* آدرس صورتحساب */
html body.woocommerce-order-received .woocommerce-customer-details address,
html body.woocommerce-account .woocommerce-customer-details address {
    padding: 1.1rem !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.87rem !important;
    line-height: 2.1 !important;
    font-style: normal !important;
    color: var(--sg-black) !important;
}

@media only screen and (max-width: 600px) {
    html body.woocommerce-order-received ul.woocommerce-order-overview,
    html body.woocommerce-account ul.woocommerce-order-overview,
    html body.woocommerce-order-received ul.order_details,
    html body.woocommerce-account ul.order_details {
        grid-template-columns: 1fr 1fr !important;
    }
    html body.woocommerce-order-received ul.woocommerce-order-overview li,
    html body.woocommerce-account ul.woocommerce-order-overview li,
    html body.woocommerce-order-received ul.order_details li,
    html body.woocommerce-account ul.order_details li {
        border-bottom: 1px solid var(--sg-champagne) !important;
    }
    html body.woocommerce-order-received table.shop_table td,
    html body.woocommerce-account table.shop_table td,
    html body.woocommerce-order-received table.shop_table thead th,
    html body.woocommerce-account table.shop_table thead th {
        padding: 0.7rem 0.6rem !important;
        font-size: 0.8rem !important;
    }
}

/* =========================================================
   ████ پاپ‌آپ «پرداخت موفق» + اصلاحات صفحه‌ی سفارش
   ========================================================= */

/* خانه‌ی ایمیل در نوار خلاصه حذف می‌شه — مشتری ایمیل خودش رو می‌دونه */
html body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email,
html body.woocommerce-account ul.woocommerce-order-overview li.woocommerce-order-overview__email,
html body.woocommerce-order-received ul.order_details li.email,
html body.woocommerce-account ul.order_details li.email {
    display: none !important;
}

/* --- پاپ‌آپ موفقیت --- */
html body dialog#sg-order-success {
    border: none;
    padding: 0;
    background: transparent;
    max-width: none;
    max-height: none;
    width: auto;
    overflow: visible;
    color: #1A1A1A;
}
html body dialog#sg-order-success::backdrop {
    background: rgba(26, 20, 15, 0.55);
}
html body dialog#sg-order-success.sg-order-success {
    position: relative;
    width: min(380px, calc(100vw - 2rem));
    margin: auto;
    padding: 2.2rem 1.6rem 1.6rem;
    background: #FFFFFF;
    border-top: 3px solid var(--sg-gold);
    border-radius: 2px;
    box-shadow: 0 24px 60px rgba(26, 20, 15, 0.3);
    font-family: var(--sg-font-body);
    text-align: center;
    direction: rtl;
}
html body dialog#sg-order-success[open] {
    animation: sgOsFadeIn 0.24s ease-out both;
}
@keyframes sgOsFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

html body .sg-order-success__close {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 8px;
    font-size: 1.5rem;
    line-height: 1;
    color: #999;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
html body .sg-order-success__close:hover {
    background: var(--sg-champagne);
    color: var(--sg-black);
}

html body .sg-order-success__check {
    display: flex;
    justify-content: center;
    margin-bottom: 0.9rem;
    color: var(--sg-gold);
}
html body .sg-os-circle {
    stroke-dasharray: 145;
    stroke-dashoffset: 145;
    animation: sgOsCircle 0.5s ease-out forwards;
}
html body .sg-os-mark {
    stroke-dasharray: 36;
    stroke-dashoffset: 36;
    animation: sgOsMark 0.3s ease-out 0.42s forwards;
}
@keyframes sgOsCircle { to { stroke-dashoffset: 0; } }
@keyframes sgOsMark   { to { stroke-dashoffset: 0; } }

html body #sg-order-success h3 {
    margin: 0 0 0.5rem;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--sg-black);
    font-family: var(--sg-font-body);
}
html body .sg-order-success__sub {
    margin: 0 0 1.2rem;
    font-size: 0.86rem;
    line-height: 1.9;
    color: #6b6258;
}
html body .sg-order-success__meta {
    padding: 0.7rem 1rem;
    margin-bottom: 1.2rem;
    background: #FAF8F5;
    border-radius: 2px;
    font-size: 0.82rem;
    color: #6b6258;
}
html body .sg-order-success__meta strong {
    display: block;
    margin-top: 0.2rem;
    font-size: 1rem;
    color: var(--sg-black);
}
/* این دکمه ممکنه <button> باشه یا <a> (وقتی به فاکتور لینک می‌شه).
   برای <a> باید display و text-decoration صریح تعریف بشن، وگرنه
   عرض و ارتفاع اعمال نمی‌شن و خط زیر لینک هم می‌مونه. */
html body .sg-order-success__btn,
html body a.sg-order-success__btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    box-sizing: border-box !important;
    padding: 0 1rem !important;
    background-color: #2B2420 !important;
    background-image: none !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body .sg-order-success__btn:hover,
html body a.sg-order-success__btn:hover {
    background-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
    text-decoration: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html body dialog#sg-order-success[open],
    html body .sg-os-circle,
    html body .sg-os-mark {
        animation: none !important;
    }
    html body .sg-os-circle,
    html body .sg-os-mark {
        stroke-dashoffset: 0 !important;
    }
}

/* =========================================================
   ████ توست «به سبد اضافه شد» — نسخه‌ی ایجکس
   وقتی افزودن به سبد با ایجکس انجام می‌شود، صفحه رفرش نمی‌شود
   و ووکامرس پیامی چاپ نمی‌کند. این توست را جاوااسکریپت خودمان
   می‌سازد تا بازخورد در هر دو حالت یکسان باشد.
   ظاهرش عمداً با توست پیام‌های ووکامرس یکی است.
   ========================================================= */

html body .sg-cart-toast {
    position: fixed !important;
    bottom: 1.5rem !important;
    left: 1.5rem !important;
    right: auto !important;
    z-index: 99991 !important;

    width: auto !important;
    max-width: 330px !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;

    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-top: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    box-shadow: 0 12px 32px rgba(26, 20, 15, 0.18) !important;

    font-family: var(--sg-font-body) !important;
    font-size: 0.82rem !important;
    line-height: 1.8 !important;
    color: var(--sg-black) !important;
    text-align: right !important;

    animation: sgToastIn 0.25s ease-out both !important;
}
html body .sg-cart-toast.is-leaving {
    animation: sgToastOut 0.35s ease-in both !important;
}
html body .sg-cart-toast__text {
    margin: 0 !important;
    padding-left: 1.2rem !important;
}
/* خارج از ساعت فروش: «تکمیل خرید از فردا ساعت ۹:۰۰» */
html body .sg-cart-toast__note {
    margin: 0 !important;
    padding: 0.45rem 0.6rem !important;
    border-right: 2px solid #A88418 !important;
    background: #F8F7F4 !important;
    font-size: 0.85em !important;
    line-height: 1.8 !important;
    color: #3a3a3a !important;
}
html body .sg-cart-toast__btn {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0.8rem !important;
    background: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
html body .sg-cart-toast__btn:hover {
    background: var(--sg-gold) !important;
    color: #1A1A1A !important;
    text-decoration: none !important;
}
html body .sg-cart-toast__close {
    position: absolute !important;
    top: 6px !important;
    left: 8px !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    color: #B0A79C !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
}
html body .sg-cart-toast__close:hover {
    color: var(--sg-black) !important;
}

@media only screen and (max-width: 600px) {
    html body .sg-cart-toast {
        left: 0.75rem !important;
        right: 0.75rem !important;
        bottom: 0.75rem !important;
        max-width: none !important;
    }
}

/* =========================================================
   ████ صفحه‌ی مشاهده‌ی سفارش در حساب کاربری
   این صفحه استایل نداشت و خام رندر می‌شد. ساختارش تقریباً
   همان صفحه‌ی «سفارش دریافت شد» است، پس همان زبان بصری را
   می‌گیرد تا مشتری بین این دو احساس ناپیوستگی نکند.
   ========================================================= */

html body.woocommerce-view-order .woocommerce-order-details,
html body.woocommerce-account .woocommerce-order-details {
    margin-bottom: 2rem !important;
}

/* نوار وضعیت بالای صفحه */
html body.woocommerce-account .woocommerce-order-details + p,
html body.woocommerce-account p.woocommerce-thankyou-order-received,
html body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    background: #FAF8F5 !important;
    border: 1px solid var(--sg-champagne) !important;
    border-right: 3px solid var(--sg-gold) !important;
    border-radius: 2px !important;
    padding: 0.9rem 1.1rem !important;
    margin: 0 0 1.5rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.87rem !important;
    line-height: 2 !important;
    color: var(--sg-black) !important;
}

/* عنوان بخش‌ها */
html body.woocommerce-account .woocommerce-order-details__title,
html body.woocommerce-account .woocommerce-column__title,
html body.woocommerce-account .woocommerce-customer-details h2 {
    font-family: var(--sg-font-body) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    margin: 0 0 1rem !important;
    padding-bottom: 0.7rem !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}

/* جدول جزئیات */
html body.woocommerce-account table.woocommerce-table--order-details,
html body.woocommerce-account .woocommerce-order-details table.shop_table {
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 1.5rem !important;
    font-family: var(--sg-font-body) !important;
}
html body.woocommerce-account .woocommerce-order-details table.shop_table thead th {
    background: #FAF8F5 !important;
    padding: 0.9rem 1rem !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
    text-align: right !important;
}
html body.woocommerce-account .woocommerce-order-details table.shop_table td,
html body.woocommerce-account .woocommerce-order-details table.shop_table tfoot th {
    padding: 0.9rem 1rem !important;
    font-size: 0.87rem !important;
    border-top: 1px solid #F4F1EC !important;
    vertical-align: top !important;
}
html body.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child th,
html body.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child td {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--sg-gold-dark) !important;
    background: #FAF8F5 !important;
}

/* تفکیک قیمت هر قلم */
html body.woocommerce-account .wc-item-meta,
html body.woocommerce-account .woocommerce-order-details .variation {
    margin: 0.5rem 0 0 !important;
    padding: 0.6rem 0.8rem !important;
    background: #FAF8F5 !important;
    border-radius: 2px !important;
    list-style: none !important;
    font-size: 0.78rem !important;
    line-height: 2 !important;
    color: #6b6258 !important;
}
html body.woocommerce-account .wc-item-meta li,
html body.woocommerce-account .wc-item-meta p {
    margin: 0 !important;
    padding: 0 !important;
}
html body.woocommerce-account .wc-item-meta strong {
    font-weight: 500 !important;
    color: var(--sg-black) !important;
}

/* دو ستون آدرس */
html body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 1.2rem !important;
    margin: 0 !important;
}
html body.woocommerce-account .woocommerce-customer-details .woocommerce-column {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}
html body.woocommerce-account .woocommerce-customer-details address {
    padding: 1rem 1.1rem !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.85rem !important;
    line-height: 2.1 !important;
    font-style: normal !important;
    color: var(--sg-black) !important;
}

/* دکمه‌ی فاکتور */
html body.woocommerce-account .swg-invoice-actions {
    margin: 0 0 2rem !important;
}
html body.woocommerce-account a.swg-invoice-btn {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.7rem 1.4rem !important;
    background: #2B2420 !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.87rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body.woocommerce-account a.swg-invoice-btn:hover {
    background: var(--sg-gold) !important;
    color: #1A1A1A !important;
}

@media only screen and (max-width: 600px) {
    html body.woocommerce-account .woocommerce-order-details table.shop_table td,
    html body.woocommerce-account .woocommerce-order-details table.shop_table thead th {
        padding: 0.7rem 0.6rem !important;
        font-size: 0.8rem !important;
    }
}

/* =========================================================
   ████ ناحیه‌ی حساب کاربری — بازطراحی کامل
   منو سمت چپ، محتوا سمت راست (بر خلاف پیش‌فرض راست‌به‌چپ،
   طبق ترجیح کارفرما). جدول سفارش‌ها، دکمه‌ها، فرم‌ها و
   فونت‌ها همه با زبان طراحی سایت هماهنگ می‌شوند.
   ========================================================= */

/* --- چیدمان کلی: منوی افقی بالا، محتوا زیرش --- */
html body.woocommerce-account .woocommerce {
    display: block !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation,
html body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    position: static !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 1.8rem !important;
}

/* --- منوی افقی، به‌سبک تب --- */
html body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    border: none !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 0.8rem 1.3rem !important;
    color: #6b6258 !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1px !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
/* استوروفرانت جلوی هر تب یه آیکون از فونت Font Awesome می‌ذاره (فقط روی دسکتاپ دیده
   می‌شه) که اصلاً با زبان بصری مینیمالِ سایت هم‌خونی نداره — حذفش می‌کنیم */
html body.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
    content: none !important;
    display: none !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    color: var(--sg-black) !important;
    border-bottom-color: var(--sg-champagne) !important;
    background: transparent !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--sg-gold-dark) !important;
    border-bottom-color: var(--sg-gold) !important;
    font-weight: 700 !important;
    background: transparent !important;
}
/* «خروج» آخرین گزینه است و باید از بقیه جدا دیده شود */
html body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-right: auto !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #B0A79C !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #C0392B !important;
    border-bottom-color: #C0392B !important;
}

/* روی صفحه‌های باریک، منو افقی می‌ماند ولی قابل اسکرول می‌شود
   تا گزینه‌ها روی هم نریزند */
@media only screen and (max-width: 600px) {
    html body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    html body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none !important;
    }
    html body.woocommerce-account .woocommerce-MyAccount-navigation li a {
        padding: 0.7rem 0.9rem !important;
        font-size: 0.82rem !important;
    }
    html body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
        margin-right: 0 !important;
    }
}

/* --- جدول سفارش‌ها --- */
html body.woocommerce-account table.woocommerce-orders-table,
html body.woocommerce-account table.woocommerce-MyAccount-orders {
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    font-family: var(--sg-font-body) !important;
    table-layout: auto !important;
}
html body.woocommerce-account table.woocommerce-orders-table thead th {
    background: #FAF8F5 !important;
    padding: 0.85rem 0.9rem !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: var(--sg-black) !important;
    border-bottom: 1px solid var(--sg-champagne) !important;
    text-align: right !important;
    white-space: nowrap !important;
}
html body.woocommerce-account table.woocommerce-orders-table td {
    padding: 0.9rem !important;
    font-size: 0.85rem !important;
    border-top: 1px solid #F4F1EC !important;
    vertical-align: middle !important;
    text-align: right !important;
}

/* عرض ستون‌ها — بدون این، ستون تاریخ باریک می‌شود و متن می‌شکند */
html body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__header-order-number,
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number {
    width: 90px !important;
    white-space: nowrap !important;
}
html body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__header-order-date,
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-date {
    width: 130px !important;
    white-space: nowrap !important;
}
html body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__header-order-status,
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status {
    width: 110px !important;
    white-space: nowrap !important;
}
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total {
    white-space: nowrap !important;
}
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    font-weight: 700 !important;
    color: var(--sg-gold-dark) !important;
}

/* شماره سفارش */
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a {
    color: var(--sg-black) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
html body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a:hover {
    color: var(--sg-gold-dark) !important;
}

/* --- دکمه‌های عملیات: کنار هم، نه روی هم ---
   ووکامرس دکمه‌ها رو به ترتیب «پرداخت، لغو، مشاهده» توی HTML می‌ذاره؛ یعنی توی
   ردیفی که هر سه رو داره، دکمه‌ی «مشاهده» سومی/آخریه، ولی توی ردیفی که فقط
   «مشاهده» داره، همون اولیه — پس ستون «مشاهده» بین ردیف‌ها هم‌راستا نمی‌موند.
   با flex + order، «مشاهده» رو همیشه اولین (چپ‌ترین) دکمه نگه می‌داریم. */
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
    /* «۱٪» قبلاً باعث می‌شد ستون تا اندازه‌ی محتوا جمع بشه ولی دکمه‌های flex از
       اون تنگنا بیرون بزنن و به ستون «مبلغ کل» کنارش بچسبن. عرض ثابت و بازتر
       + فاصله‌ی اضافه از سمت راست (مبلغ کل)، این مشکل رو ریشه‌ای حل می‌کنه. */
    width: 360px !important;
    padding-right: 1.7rem !important;
    white-space: nowrap !important;
    display: flex !important;
    flex-wrap: wrap !important;
    direction: ltr !important;
    justify-content: flex-start !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions .sg-order-actions,
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
    text-align: left !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button.view {
    order: -1 !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
    margin: 0.15rem 0.4rem 0.15rem 0 !important;
    /* هر سه دکمه (پرداخت/مشاهده/لغو) هم‌عرض باشن — وگرنه چون متن‌هاشون طول متفاوت داره
       (مثلاً «لغو» ۳ حرف در برابر «مشاهده» ۶ حرف)، ردیف پله‌ای/ناهم‌اندازه دیده می‌شه */
    min-width: 96px !important;
    padding: 0.45rem 0.9rem !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--sg-black) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button:hover {
    background: var(--sg-gold) !important;
    border-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}
/* دکمه‌ی اصلی هر ردیف (مشاهده) پررنگ‌تر */
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button.view {
    background: #2B2420 !important;
    border-color: #2B2420 !important;
    color: var(--sg-gold) !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button.view:hover {
    background: var(--sg-gold) !important;
    border-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}
/* دکمه‌ی لغو — خطرناک است، پس متمایز */
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button.cancel {
    color: #C0392B !important;
    border-color: #EBD3D0 !important;
}
html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.button.cancel:hover {
    background: #C0392B !important;
    border-color: #C0392B !important;
    color: #FFFFFF !important;
}

/* --- وضعیت سفارش به‌صورت برچسب --- */
html body.woocommerce-account td.woocommerce-orders-table__cell-order-status {
    font-size: 0.8rem !important;
    color: #6b6258 !important;
}

/* --- پیشخوان و فرم‌ها --- */
html body.woocommerce-account .woocommerce-MyAccount-content {
    font-family: var(--sg-font-body) !important;
    font-size: 0.88rem !important;
    line-height: 2 !important;
    color: var(--sg-black) !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content p {
    margin: 0 0 1rem !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content form .form-row {
    padding: 0 0 1rem !important;
    margin: 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content label {
    display: block !important;
    font-size: 0.8rem !important;
    color: #6b6258 !important;
    margin-bottom: 0.35rem !important;
    font-weight: 500 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
html body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
html body.woocommerce-account .woocommerce-MyAccount-content select,
html body.woocommerce-account .woocommerce-MyAccount-content textarea {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 2px !important;
    padding: 0.6rem 0.85rem !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.9rem !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content input:focus,
html body.woocommerce-account .woocommerce-MyAccount-content select:focus,
html body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    border-color: var(--sg-gold) !important;
    outline: 2px solid rgba(197, 160, 89, 0.22) !important;
    outline-offset: 0 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
html body.woocommerce-account .woocommerce-MyAccount-content .button:not(.woocommerce-orders-table__cell-order-actions .button) {
    padding: 0.75rem 1.5rem !important;
    background: #2B2420 !important;
    background-image: none !important;
    color: var(--sg-gold) !important;
    border: 1px solid #2B2420 !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
    background: var(--sg-gold) !important;
    color: #1A1A1A !important;
    border-color: var(--sg-gold) !important;
}

/* میان‌بر «ویرایش» خودِ وردپرس (edit_post_link) که فقط زیر متن صفحات، برای
   مدیر/ویرایشگرِ واردشده نشون داده می‌شه — مشتری عادی اصلاً نمی‌بینتش، ولی
   بی‌استایل و گیج‌کننده‌ست؛ چون میان‌بر رفتن به پیشخوان لازم نیست، مخفیش می‌کنیم */
.post-edit-link {
    display: none !important;
}

/* =========================================================
   صفحه‌ی «آدرس‌ها» (فهرست صورتحساب/ارسال) — قبلاً هیچ استایلی نداشت؛
   کارت‌های سفید هم‌شکل با بقیه‌ی حساب کاربری + دکمه‌ی «ویرایش» واقعی
   (پیش‌فرض ووکامرس فقط یه لینک ساده‌ی بی‌استایل بود، نه دکمه)
   ========================================================= */
html body.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--sg-space-sm) !important;
    margin: var(--sg-space-sm) 0 !important;
}
html body.woocommerce-account .woocommerce-Address {
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 12px !important;
    padding: 1.2rem 1.4rem !important;
    width: auto !important;
    float: none !important;
}
html body.woocommerce-account .woocommerce-Address-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.6rem !important;
    margin-bottom: 0.8rem !important;
}
html body.woocommerce-account .woocommerce-Address-title h2 {
    font-family: var(--sg-font-display) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--sg-black) !important;
    margin: 0 !important;
}
/* لینک «ویرایش» پیش‌فرض ووکامرس، حالا واقعاً شکل دکمه داره */
html body.woocommerce-account .woocommerce-Address-title a.edit {
    flex-shrink: 0 !important;
    padding: 0.35rem 0.9rem !important;
    background: transparent !important;
    color: var(--sg-gold-dark) !important;
    border: 1px solid var(--sg-champagne) !important;
    border-radius: 8px !important;
    font-family: var(--sg-font-body) !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
html body.woocommerce-account .woocommerce-Address-title a.edit:hover {
    background: var(--sg-gold) !important;
    border-color: var(--sg-gold) !important;
    color: #1A1A1A !important;
}
html body.woocommerce-account .woocommerce-Address address {
    font-style: normal !important;
    font-size: 0.92rem !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    color: var(--sg-text-body) !important;
}
@media (max-width: 700px) {
    html body.woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   پیشخوان حساب کاربری — کارت‌های خلاصه (آخرین سفارش/علاقه‌مندی/نرخ طلا)
   به‌جای پاراگراف تکراری پیش‌فرض ووکامرس (نگاه کنید به
   woocommerce/myaccount/dashboard.php توی همین قالب)
   ========================================================= */
html body.woocommerce-account .sg-dashboard-hello {
    margin-bottom: var(--sg-space-sm);
}
html body.woocommerce-account .sg-dashboard-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sg-space-sm);
    margin: var(--sg-space-sm) 0 var(--sg-space-md);
}
html body.woocommerce-account .sg-dashboard-card {
    background: var(--sg-white);
    border: 1px solid var(--sg-champagne);
    border-radius: 12px;
    padding: 1.2rem 1.4rem;
}
html body.woocommerce-account .sg-dashboard-card__title {
    font-family: var(--sg-font-display);
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: var(--sg-black);
}
html body.woocommerce-account .sg-dashboard-card__body {
    margin: 0 0 0.8rem;
    font-size: 0.88rem;
    color: var(--sg-text-body);
}
html body.woocommerce-account .sg-dashboard-card__status {
    display: inline-block;
    margin-right: 0.4rem;
    padding: 0.1rem 0.6rem;
    border-radius: 20px;
    background: var(--sg-gold-light);
    color: var(--sg-gold-dark);
    font-size: 0.75rem;
}
html body.woocommerce-account .sg-dashboard-card__link {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--sg-gold-dark);
    text-decoration: none;
}
html body.woocommerce-account .sg-dashboard-card__link:hover {
    text-decoration: underline;
}
@media (max-width: 700px) {
    html body.woocommerce-account .sg-dashboard-cards {
        grid-template-columns: 1fr;
    }
}

/* --- موبایل: منو بالای محتوا، جدول قابل اسکرول --- */
@media only screen and (max-width: 768px) {
    /* جدول سفارش‌ها روی موبایل به کارت تبدیل می‌شود، وگرنه فشرده و ناخواناست */
    html body.woocommerce-account table.woocommerce-orders-table,
    html body.woocommerce-account table.woocommerce-orders-table tbody,
    html body.woocommerce-account table.woocommerce-orders-table tr,
    html body.woocommerce-account table.woocommerce-orders-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    html body.woocommerce-account table.woocommerce-orders-table thead {
        display: none !important;
    }
    html body.woocommerce-account table.woocommerce-orders-table tr {
        border: 1px solid var(--sg-champagne) !important;
        border-radius: 2px !important;
        margin-bottom: 0.8rem !important;
        padding: 0.4rem 0 !important;
    }
    html body.woocommerce-account table.woocommerce-orders-table td {
        border: none !important;
        border-bottom: 1px solid #F4F1EC !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 0.6rem 0.9rem !important;
        text-align: left !important;
    }
    html body.woocommerce-account table.woocommerce-orders-table td:last-child {
        border-bottom: none !important;
    }
    /* عنوان ستون به‌صورت برچسب کنار مقدار */
    html body.woocommerce-account table.woocommerce-orders-table td::before {
        content: attr(data-title) !important;
        font-size: 0.78rem !important;
        color: #6b6258 !important;
        font-weight: 500 !important;
    }
    html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        width: auto !important;
    }
    html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
    }
}

/* =========================================================
   قاب یک‌تکه پشت شبکه‌ی محصولات
   صفحه‌ی فروشگاه و آرشیو دسته‌بندی/برچسب.

   سه سطح رنگی ساخته می‌شود تا شبکه از زمینه جدا بشه:
     زمینه‌ی صفحه  #EDE7DF  (ivory)
     قاب شبکه      #F2EEE9  (champagne — روشن‌تر)
     کارت محصول    #FFFFFF  (عمداً دست‌نخورده)

   حاشیه از border-light گرفته شده که تیره‌تر از هر دو سطحه،
   وگرنه لبه در زمینه محو می‌شه — همون اشکالی که قبلاً داشت.

   سلکتور با کلاس بدنه محدود شده تا کاروسل‌های صفحه‌ی اصلی
   (.sg-carousel-row و .sg-highlight-section__grid) دست‌نخورده بمونن.
   ========================================================= */
body.post-type-archive-product main.site-main > ul.products,
body.woocommerce-shop main.site-main > ul.products,
body.tax-product_cat main.site-main > ul.products,
body.tax-product_tag main.site-main > ul.products {
    background: var(--sg-white) !important;
    border: 1px solid var(--sg-border-light) !important;
    border-radius: 8px !important;
    /* سایه‌ی دولایه: لایه‌ی نزدیک لبه را تعریف می‌کند، لایه‌ی دور قاب را از زمینه بلند می‌کند */
    box-shadow:
        0 1px 2px rgba(31, 38, 45, 0.06),
        0 10px 28px rgba(31, 38, 45, 0.10) !important;
    padding: var(--sg-space-md) !important;
    box-sizing: border-box !important;
}

/* کارت روی قاب سفید نشسته، پس لبه‌اش باید دیده بشه.
   فقط حاشیه و سایه عوض می‌شه — پس‌زمینه‌ی کارت دست‌نخورده می‌مونه. */
body.post-type-archive-product main.site-main > ul.products > li.product,
body.woocommerce-shop main.site-main > ul.products > li.product,
body.tax-product_cat main.site-main > ul.products > li.product,
body.tax-product_tag main.site-main > ul.products > li.product {
    border: 1px solid var(--sg-border-light) !important;
    box-shadow: none !important;
}
body.post-type-archive-product main.site-main > ul.products > li.product:hover,
body.woocommerce-shop main.site-main > ul.products > li.product:hover,
body.tax-product_cat main.site-main > ul.products > li.product:hover,
body.tax-product_tag main.site-main > ul.products > li.product:hover {
    border-color: var(--sg-gold) !important;
    box-shadow: 0 6px 18px rgba(31, 38, 45, 0.10) !important;
}

@media (max-width: 600px) {
    body.post-type-archive-product main.site-main > ul.products,
    body.woocommerce-shop main.site-main > ul.products,
    body.tax-product_cat main.site-main > ul.products,
    body.tax-product_tag main.site-main > ul.products {
        padding: calc(var(--sg-space-md) * 0.6) !important;
        border-radius: 6px !important;
    }
}

/* =========================================================
   کاروسل‌های صفحه اصلی — جمع‌وجورتر (آخرین حرف؛ همه‌ی قوانینِ بالا رو override می‌کنه)
   ۱) فاصله‌ی عنوانِ بخش تا کارت‌ها کم شد (پدینگِ بالای ۶۴px ردیف حذف)
   ۲) ردیفِ کارت‌ها تا لبه‌ی چپ و راستِ قاب کشیده می‌شه (بدون حاشیه‌ی کناری)؛
      عنوان و «مشاهده همه» همون حاشیه‌ی قبلی رو نگه می‌دارن
   ۳) فاصله‌ی بین کارت‌ها ۱۲px — پدینگِ کناریِ هر ul نصفِ همینه تا درزِ حلقه‌ی
      بی‌پایان (دو نسخه‌ی کنار هم در hero-slider.js) هم دقیقاً ۱۲px بمونه
   (خودِ کارت در product-card.css است)
   ========================================================= */
html body .sg-carousel-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
html body .sg-carousel-section .sg-carousel-header {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    margin-bottom: 0.6rem !important;
}
html body .sg-carousel-section .sg-carousel-row ul.products {
    gap: 12px !important;
    padding: 6px 6px 4px !important;
}

/* =========================================================
   کاروسل‌ها تمام‌عرض (دسکتاپ هم مثل موبایل): قاب تا لبه‌ی چپ و راستِ صفحه
   کشیده می‌شه؛ عنوان و «مشاهده همه» با ستونِ محتوای سایت هم‌تراز می‌مونن.
   ========================================================= */
/* --sg-vw = عرضِ صفحه بدونِ اسکرول‌بار (functions.php → swangold_viewport_width_var) */
html body .sg-carousel-section {
    width: var(--sg-vw, 100vw) !important;
    max-width: var(--sg-vw, 100vw) !important;
    margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
/* عنوان و «مشاهده همه» با لبه‌های ردیفِ تمام‌عرضِ کارت‌ها هم‌خوان (نه ستونِ باریکِ متن) */
html body .sg-carousel-section .sg-carousel-header {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
@media (max-width: 767px) {
    html body .sg-carousel-section .sg-carousel-header {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
html body .sg-carousel-section .sg-carousel-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
}

/* =========================================================
   هدرِ هوشمند (header-interactions.js): بنرِ روشن → کلاس sg-on-light
   روی بنر: منو و لوگو تیره، بدون سایه. بعد از اسکرول: نوارِ روشن به‌جای مشکی.
   ========================================================= */
html body .sg-header.sg-on-light .sg-header__inner,
html body .sg-header.sg-on-light a,
html body .sg-header.sg-on-light button,
html body .sg-header.sg-on-light svg {
    color: #1A1A1A !important;
    text-shadow: none !important;
    filter: none !important;
}
html body .sg-header.sg-on-light .sg-header__logo img {
    filter: brightness(0) !important;
    opacity: 0.88;
}
html body .sg-header.sg-on-light input,
html body .sg-header.sg-on-light input::placeholder {
    color: #1A1A1A !important;
}
html body .sg-header.sg-on-light.sg-is-dark {
    background-color: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08) !important;
}
html body .sg-header {
    transition: top 0.25s ease, background-color 0.25s ease, color 0.2s ease !important;
}

/* صفحه‌ی محصول: ستون‌های گرید ۱۰px کم‌عرض‌تر از ظرف‌اند و به راست می‌چسبیدن →
   کلِ محتوا (و کاروسلِ «محصولات مرتبط») ۵px از مرکز خارج بود. ستون‌ها وسط‌چین می‌شن. */
html body.single-product div.product.type-product {
    justify-content: center !important;
}

/* =========================================================
   عنوانِ بخش‌ها — مدرن و یکدست (کاروسل‌ها، دسته‌بندی‌ها، فروشگاه)
   آیکونِ خطیِ طلایی در دایره‌ی روشن (swangold_section_icon) + عنوانِ تیره،
   «مشاهده همه» یک لینکِ متنیِ سبک با فلش؛ همه روی یک خط و هم‌تراز.
   ========================================================= */
html body .sg-discount-section__title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--sg-font-body, inherit) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: var(--sg-black, #1A1A1A) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    background: none !important;
}
html body .sg-discount-section__title a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: inherit !important;
    text-decoration: none !important;
}
html body .sg-sec-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--sg-gold-light, #FAF4E6);
    color: var(--sg-gold-dark, #9E7B3B);
}
html body .sg-sec-icon svg {
    width: 20px;
    height: 20px;
    filter: none !important;
}
/* هدرِ بخشِ کاروسل: عنوان راست، «مشاهده همه» چپ، هم‌خط */
html body .sg-carousel-section .sg-carousel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    margin: 0 0 16px !important;
}
html body .sg-carousel-section .sg-carousel-viewall {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px;
    flex: none;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important; /* شیشه‌ی قدیمی یه کادرِ سفید دورش می‌ساخت */
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    color: var(--sg-gold-dark, #9E7B3B) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
html body .sg-carousel-section .sg-carousel-viewall:hover {
    color: var(--sg-black, #1A1A1A) !important;
}
html body .sg-carousel-section .sg-carousel-viewall::before,
html body .sg-carousel-section .sg-carousel-viewall::after {
    content: none !important;
}
/* فاصله‌ی نفس‌گیر بالای هر بخش — دیگه به بنرِ بالایی نمی‌چسبه */
html body .sg-carousel-section {
    padding-top: 36px !important;
    padding-bottom: 24px !important;
}
html body .sg-categories-preview > .sg-discount-section__title {
    margin-bottom: 20px !important;
}
@media (max-width: 767px) {
    html body .sg-discount-section__title {
        font-size: 1.05rem !important;
        gap: 8px !important;
    }
    html body .sg-sec-icon {
        width: 32px;
        height: 32px;
    }
    html body .sg-sec-icon svg {
        width: 18px;
        height: 18px;
    }
    html body .sg-carousel-section {
        padding-top: 26px !important;
        padding-bottom: 18px !important;
    }
    html body .sg-carousel-section .sg-carousel-header {
        margin-bottom: 12px !important;
    }
    html body .sg-carousel-section .sg-carousel-viewall {
        font-size: 0.82rem !important;
    }
}

/* بنرِ اصلی: عکسِ جدای دسکتاپ و موبایل (front-page.php → --sg-bg-d / --sg-bg-m).
   مرورگر فقط background-imageِ اعمال‌شده رو دانلود می‌کنه، پس گوشی عکسِ بزرگِ دسکتاپ رو نمی‌گیره. */
html body .sg-hero-slider__slide {
    background-image: var(--sg-bg-d) !important;
}
@media (max-width: 767px) {
    html body .sg-hero-slider__slide {
        background-image: var(--sg-bg-m, var(--sg-bg-d)) !important;
    }
}

/* ---- رنگِ هوشمندِ روی بنر (header-interactions.js) ----
   منوی تیره روی عکسِ روشن: هاله‌ی روشنِ ملایم تا اگه زیرِ یک کلمه لکه‌ی تیره‌ای
   (مثلاً مو) افتاد، باز هم خونا بمونه. بعد از اسکرول (نوارِ سفید) لازم نیست. */
html body .sg-header.sg-on-light:not(.sg-is-dark) .sg-header__inner,
html body .sg-header.sg-on-light:not(.sg-is-dark) .sg-header__inner a {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 2px rgba(255, 255, 255, 0.9) !important;
}
html body .sg-header.sg-on-light:not(.sg-is-dark) svg {
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.9)) !important;
}

/* متنِ اسلاید روی ناحیه‌ی روشنِ عکس: متنِ تیره + محوشدگیِ روشن به‌جای سایه‌ی تیره */
html body .sg-hero-slider__slide.sg-caption-light::after {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)) !important;
}
html body .sg-hero-slider__slide.sg-caption-light .sg-hero-caption,
html body .sg-hero-slider__slide.sg-caption-light .sg-hero-caption__title,
html body .sg-hero-slider__slide.sg-caption-light .sg-hero-caption__sub {
    color: #1A1A1A !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6) !important;
}
html body .sg-hero-slider__slide.sg-caption-light .sg-hero-caption__btn {
    color: #1A1A1A !important;
    border-color: #1A1A1A !important;
    text-shadow: none !important;
}

/* عنوانِ بخش و «مشاهده همه» در همه‌ی عرض‌ها کنار هم روی یک خط (قانونِ قدیمیِ
   ≤۵۰۰px اون‌ها رو زیرِ هم و وسط‌چین می‌کرد) */
html body .sg-carousel-section .sg-carousel-header {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
}
html body .sg-carousel-section .sg-carousel-header .sg-discount-section__title {
    min-width: 0;
    justify-content: flex-start !important;
    text-align: right !important;
}

/* =========================================================
   نوارِ نرخِ زنده — بازطراحی: برچسبِ کم‌رنگ + عددِ پررنگ، نقطه‌ی «زنده»،
   بدون آیکونِ سکه و خطِ جداکننده. دو حالت، هم‌رنگِ هدر روی بنر:
   تیره (پیش‌فرض) و روشن (.sg-rt--light از header-interactions.js)
   ========================================================= */
html body .sg-rate-ticker {
    background: #141414 !important;
    color: rgba(255, 255, 255, 0.62) !important;
    border: 0 !important;
    padding: 0 12px !important;
    height: 34px !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
html body .sg-rate-ticker .sg-rate-ticker__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: inherit !important;
}
html body .sg-rate-ticker .sg-rt__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: inherit !important;
}
html body .sg-rate-ticker .sg-rt__label {
    color: inherit !important;
    font-weight: 400 !important;
}
html body .sg-rate-ticker .sg-rt__value,
html body .sg-rate-ticker .sg-rt__value span {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
}
/* نقطه‌ی «زنده»: سبزِ ملایم با هاله‌ی ثابت (بدون انیمیشنِ نمایشی) */
html body .sg-rate-ticker .sg-rt__live {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3FBF7F;
    box-shadow: 0 0 0 3px rgba(63, 191, 127, 0.18);
    flex: none;
}
html body .sg-rate-ticker .sg-trend {
    font-size: 0.65em !important;
    margin-inline-start: 4px;
    vertical-align: middle;
}
html body .sg-rate-ticker .sg-trend--up { color: #3FBF7F !important; }
html body .sg-rate-ticker .sg-trend--down { color: #E26D5A !important; }
html body .sg-rate-ticker .sg-rate-ticker__icon,
html body .sg-rate-ticker .sg-rate-ticker__sep {
    display: none !important;
}

/* حالتِ روشن — روی بنرِ روشن */
html body .sg-rate-ticker.sg-rt--light {
    background: rgba(255, 255, 255, 0.92) !important;
    color: #6B6B6B !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
html body .sg-rate-ticker.sg-rt--light .sg-rt__value,
html body .sg-rate-ticker.sg-rt--light .sg-rt__value span {
    color: #1A1A1A !important;
}
html body .sg-rate-ticker.sg-rt--light .sg-trend--up { color: #1E8A55 !important; }
html body .sg-rate-ticker.sg-rt--light .sg-trend--down { color: #C0452F !important; }

/* موبایل: هر دو نرخ اگه جا شد؛ روی گوشی‌های خیلی باریک فقط طلا */
@media (max-width: 992px) {
    html body .sg-rate-ticker {
        font-size: 0.72rem !important;
        height: 30px !important;
    }
    html body .sg-rate-ticker .sg-rate-ticker__inner {
        gap: 18px !important;
    }
    html body .sg-rate-ticker .sg-rate-ticker__ounce-part {
        display: inline-flex !important;
    }
}
@media (max-width: 340px) {
    html body .sg-rate-ticker .sg-rate-ticker__ounce-part {
        display: none !important;
    }
}

/* نقطه‌ها و فلش‌های اسلایدر روی بنرِ روشن تیره بشن (اسلایدِ فعال sg-caption-light داره) */
html body .sg-hero-slider:has(.sg-hero-slider__slide.is-active.sg-caption-light) .sg-hero-slider__dot {
    background: rgba(26, 26, 26, 0.25) !important;
}
html body .sg-hero-slider:has(.sg-hero-slider__slide.is-active.sg-caption-light) .sg-hero-slider__dot.is-active {
    background: #1A1A1A !important;
}
html body .sg-hero-slider:has(.sg-hero-slider__slide.is-active.sg-caption-light) .sg-hero-slider__arrow {
    color: #1A1A1A !important;
    border-color: rgba(26, 26, 26, 0.35) !important;
}

/* =========================================================
   بازطراحیِ صفحه‌ی اصلی — مرحله‌ی الف (۲۰۲۶-۰۹)
   ========================================================= */

/* ---- ردیف‌های افقیِ محصول: اسکرولِ بومی، بدونِ حرکتِ خودکار ---- */
html body .sg-carousel-row,
html body .sg-carousel-section .sg-carousel-row {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    white-space: normal !important;
}
html body .sg-carousel-row::-webkit-scrollbar { display: none; }
html body .sg-carousel-section .sg-carousel-row ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    gap: 12px !important;
    padding: 6px 24px 8px !important;
    margin: 0 !important;
}
html body .sg-carousel-row ul.products li.product {
    scroll-snap-align: start;
}
html body .sg-carousel-viewport:not(.has-overflow) .sg-carousel-nav {
    display: none !important;
}
html body .sg-carousel-viewport .sg-carousel-nav:disabled {
    opacity: 0.25 !important;
    pointer-events: none;
}
@media (max-width: 767px) {
    html body .sg-carousel-section .sg-carousel-row ul.products {
        padding: 6px 14px 8px !important;
        gap: 10px !important;
    }
    /* روی گوشی ردیف با انگشت کشیده می‌شه؛ فلش‌ها فقط جا می‌گیرن */
    html body .sg-carousel-viewport .sg-carousel-nav {
        display: none !important;
    }
}

/* ---- ۳. ردیفِ دسته‌بندی‌ها ---- */
html body .sg-cat-rail {
    padding: 24px 0 8px;
}
html body .sg-cat-rail__track {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 4px 24px 6px;
    scroll-snap-type: x proximity;
}
html body .sg-cat-rail__track::-webkit-scrollbar { display: none; }
/* وسط‌چینِ امن: کم باشن وسط، زیاد باشن از لبه شروع و کشیدنی */
html body .sg-cat-rail__track > :first-child { margin-inline-start: auto; }
html body .sg-cat-rail__track > :last-child { margin-inline-end: auto; }
html body .sg-cat-rail__item {
    flex: none;
    width: 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    scroll-snap-align: start;
}
html body .sg-cat-rail__img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--sg-border-light, #E8DFCE);
    transition: border-color 0.2s ease, transform 0.2s ease;
}
html body .sg-cat-rail__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    border-radius: 0 !important;
}
html body .sg-cat-rail__item:hover .sg-cat-rail__img {
    border-color: var(--sg-gold, #C5A059);
    transform: translateY(-2px);
}
html body .sg-cat-rail__name {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--sg-black, #1A1A1A);
    white-space: nowrap;
}
@media (max-width: 767px) {
    html body .sg-cat-rail { padding: 18px 0 4px; }
    html body .sg-cat-rail__track { gap: 14px; padding: 4px 14px 6px; }
    html body .sg-cat-rail__item { width: 76px; gap: 7px; }
    html body .sg-cat-rail__img { width: 72px; height: 72px; }
    html body .sg-cat-rail__name { font-size: 0.8rem; }
}

/* ---- ۴. نوارِ اعتماد (نسخه‌ی جمع‌وجورِ بالای صفحه) ---- */
html body .sg-trust-bar.sg-trust-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 32px !important;
    margin: 10px 0 0 !important;
    padding: 14px 24px !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-bottom: 1px solid var(--sg-border-light, #E8DFCE) !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    grid-template-columns: none !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
html body .sg-trust-strip::-webkit-scrollbar { display: none; }
html body .sg-trust-strip .sg-trust-bar__item {
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: right !important;
}
html body .sg-trust-strip .sg-trust-bar__icon {
    color: var(--sg-gold-dark, #9E7B3B) !important;
    width: 22px;
    height: 22px;
    margin: 0 !important;
}
html body .sg-trust-strip .sg-trust-bar__icon svg { width: 22px; height: 22px; }
html body .sg-trust-strip .sg-trust-bar__text strong {
    display: block;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body .sg-trust-strip .sg-trust-bar__text span {
    display: block;
    font-size: 0.72rem !important;
    color: var(--sg-text-muted, #767676) !important;
}
@media (max-width: 767px) {
    html body .sg-trust-bar.sg-trust-strip {
        justify-content: flex-start;
        gap: 22px !important;
        padding: 12px 14px !important;
    }
    html body .sg-trust-strip .sg-trust-bar__text span { display: none; }
}

/* ---- ۵. جدیدترین‌ها: شبکه‌ی ثابت ---- */
html body .sg-home-grid ul.products,
html body #main .sg-home-grid ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-width: 1240px;
    margin: 0 auto !important;
    padding: 6px 24px 8px !important;
    background: transparent !important;
    border: 0 !important;
    width: auto !important;
}
html body .sg-home-grid ul.products li.product.sg-card.sg-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    margin: 0 !important;
}
@media (max-width: 900px) {
    html body .sg-home-grid ul.products,
    html body #main .sg-home-grid ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 6px 8px 8px !important;
    }
}
@media (max-width: 767px) {
    /* گوشی: ۶ کالا (۲×۳)، بقیه با «مشاهده بیشتر» */
    html body .sg-home-grid ul.products li.product:nth-child(n+7) { display: none !important; }
}

/* ---- ۷. تب‌های پیشنهادهای ویژه ---- */
html body .sg-home-tabs__list {
    display: flex;
    gap: 8px;
    padding: 0 24px 14px;
    overflow-x: auto;
    scrollbar-width: none;
}
html body .sg-home-tabs__list::-webkit-scrollbar { display: none; }
html body .sg-home-tabs__tab {
    flex: none;
    padding: 7px 16px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--sg-black, #1A1A1A) !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
html body .sg-home-tabs__tab:hover { border-color: var(--sg-gold, #C5A059) !important; }
html body .sg-home-tabs__tab[aria-selected="true"] {
    background: var(--sg-black, #1A1A1A) !important;
    border-color: var(--sg-black, #1A1A1A) !important;
    color: #fff !important;
}
@media (max-width: 767px) {
    html body .sg-home-tabs__list { padding: 0 14px 12px; }
}

/* سرتیترِ شبکه‌ی جدیدترین‌ها هم‌عرض و هم‌ترازِ خودِ شبکه (۱۲۴۰px وسط) */
html body .sg-home-grid .sg-carousel-header {
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
@media (max-width: 900px) {
    html body .sg-home-grid .sg-carousel-header {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* اسنپ، فاصله‌ی کناریِ ردیف رو هم حساب کنه (وگرنه ردیف از اول ۲۴px جلوتر می‌ایسته) */
html body .sg-carousel-row { scroll-padding-inline: 24px; }
@media (max-width: 767px) {
    html body .sg-carousel-row { scroll-padding-inline: 14px; }
}

/* عکسِ طراحی‌شده‌ی دسته: نامِ دسته پایینِ عکس چاپ شده (حدود ۱۵٪ پایین). در دایره فقط
   مربعِ بالایی (۸۵٪) دیده می‌شه و نام رو خودِ سایت زیرِ دایره می‌نویسه. */
html body .sg-cat-rail__img--design img {
    object-fit: cover;
    transform: scale(1.1765);
    transform-origin: 50% 0;
}

/* گوشی: فقط ۶ کالا در «جدیدترین‌ها» — سلکتورِ قوی‌تر از display:flexِ product-card.css */
@media (max-width: 767px) {
    html body .sg-home-grid ul.products li.product.sg-card.sg-card:nth-child(n+7) {
        display: none !important;
    }
}

/* =========================================================
   بازطراحیِ صفحه‌ی اصلی — مرحله‌ی ب (inc/home-sections-b.php)
   ========================================================= */

/* ۸ — خرید بر اساس بودجه */
html body .sg-budget {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 4px 24px 8px;
}
html body .sg-budget__chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 84px;
    padding: 14px 10px;
    border: 1px solid var(--sg-border-light, #E8DFCE);
    border-radius: 14px;
    background: #fff;
    text-decoration: none !important;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
html body .sg-budget__chip:hover {
    border-color: var(--sg-gold, #C5A059);
    background: var(--sg-gold-light, #FAF4E6);
}
html body .sg-budget__label {
    font-size: 1rem;
    font-weight: 500;
    color: var(--sg-black, #1A1A1A);
}
html body .sg-budget__count {
    font-size: 0.78rem;
    color: var(--sg-text-muted, #767676);
}
html body .sg-home-budget .sg-carousel-header,
html body .sg-home-pricing .sg-carousel-header {
    max-width: 1240px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    html body .sg-budget {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 4px 14px 8px;
    }
    html body .sg-budget__chip { min-height: 70px; }
    html body .sg-budget__label { font-size: 0.92rem; }
}

/* ۹ — قیمت‌گذاری شفاف */
html body .sg-pricing {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px 8px;
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    grid-template-areas: "rate formula" "rate note";
    gap: 12px 28px;
    align-items: center;
}
html body .sg-pricing__rate {
    grid-area: rate;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    border-radius: 14px;
    background: var(--sg-gold-light, #FAF4E6);
}
html body .sg-pricing__label { font-size: 0.82rem; color: var(--sg-text-body, #333); }
html body .sg-pricing__value { font-size: 1.45rem; font-weight: 500; color: var(--sg-black, #1A1A1A); }
html body .sg-pricing__when { font-size: 0.75rem; color: var(--sg-text-muted, #767676); }
html body .sg-pricing__formula {
    grid-area: formula;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: none;
}
html body .sg-pricing__formula li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 8px 14px;
    border: 1px solid var(--sg-border-light, #E8DFCE);
    border-radius: 999px;
    font-size: 0.85rem;
    color: var(--sg-black, #1A1A1A);
    background: #fff;
}
html body .sg-pricing__formula li:not(:last-child)::after {
    content: "+";
    margin-inline-start: 8px;
    margin-inline-end: -22px;
    color: var(--sg-gold-dark, #9E7B3B);
    font-weight: 500;
}
html body .sg-pricing__formula li:nth-last-child(2)::after { content: "="; }
html body .sg-pricing__formula li:not(:last-child) { margin-inline-end: 14px !important; }
html body .sg-pricing__formula li.is-total {
    background: var(--sg-black, #1A1A1A);
    border-color: var(--sg-black, #1A1A1A);
    color: #fff;
}
html body .sg-pricing__note {
    grid-area: note;
    margin: 0 !important;
    font-size: 0.82rem;
    line-height: 1.9;
    color: var(--sg-text-muted, #767676);
}
@media (max-width: 767px) {
    html body .sg-pricing {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "rate" "formula" "note";
        padding: 0 14px 8px;
    }
    html body .sg-pricing__rate { padding: 16px; }
    html body .sg-pricing__value { font-size: 1.25rem; }
    html body .sg-pricing__formula li { font-size: 0.78rem; padding: 6px 11px; }
}

/* ۱۰ — فروشگاه حضوری */
html body .sg-home-store {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 32px;
    align-items: center;
    max-width: 1240px;
    margin: 36px auto;
    padding: 0 24px;
    box-sizing: border-box;
}
html body .sg-home-store__media img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 16px;
}
html body .sg-home-store__title {
    margin: 0 0 10px !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body .sg-home-store__text {
    margin: 0 0 16px !important;
    font-size: 0.92rem;
    line-height: 1.9;
    color: var(--sg-text-body, #333);
}
html body .sg-home-store__info {
    list-style: none !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.88rem;
    line-height: 1.8;
    color: var(--sg-text-body, #333);
}
html body .sg-home-store__info span {
    display: block;
    font-size: 0.75rem;
    color: var(--sg-text-muted, #767676);
}
html body .sg-home-store__actions { display: flex; gap: 10px; flex-wrap: wrap; }
html body .sg-home-store__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 20px;
    border-radius: 10px;
    border: 1px solid var(--sg-gold, #C5A059);
    color: var(--sg-gold-dark, #9E7B3B) !important;
    text-decoration: none !important;
    font-size: 0.9rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}
html body .sg-home-store__btn.is-primary {
    background: var(--sg-black, #1A1A1A);
    border-color: var(--sg-black, #1A1A1A);
    color: #fff !important;
}
@media (max-width: 767px) {
    html body .sg-home-store {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        margin: 26px auto;
        padding: 0 14px;
    }
    html body .sg-home-store__btn { flex: 1; }
}

/* زمینه‌ی سفید: قابِ «شیشه‌ای» و سایه‌ی بخش‌ها دیگه لازم نیست (نوارِ خاکستری بینِ بخش‌ها می‌ساخت) */
html body .sg-carousel-section,
html body .sg-highlight-section {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* فروشگاه حضوری هم‌عرضِ بقیه‌ی بخش‌ها (۱۲۴۰px وسط)، نه ستونِ باریکِ محتوا */
html body .sg-home-store {
    width: min(1240px, var(--sg-vw, 100vw)) !important;
    max-width: none !important;
    margin-left: calc(50% - min(1240px, var(--sg-vw, 100vw)) / 2) !important;
    margin-right: calc(50% - min(1240px, var(--sg-vw, 100vw)) / 2) !important;
}

/* بازه‌ها هر تعداد باشن، کلِ عرض رو یکدست پر می‌کنن (۳ تا → ۳ ستون) */
@media (min-width: 768px) {
    html body .sg-budget {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

/* =========================================================
   مرحله‌ی ج + بودجه‌ی تب‌دار
   ========================================================= */
/* تبِ بودجه: تعدادِ کالا کنارِ عنوان */
html body .sg-budget__tab .sg-budget__count {
    margin-inline-start: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(26, 26, 26, 0.06);
    font-size: 0.72rem;
}
html body .sg-budget__tab[aria-selected="true"] .sg-budget__count {
    background: rgba(255, 255, 255, 0.2);
}

/* بلوکِ کالکشن: آینه‌ی بخشِ فروشگاه (عکس سمتِ دیگر) */
@media (min-width: 768px) {
    html body .sg-home-collection .sg-home-store__media { order: 2; }
}
html body .sg-home-collection .sg-home-store__media img { aspect-ratio: 4 / 3; }

/* پرسش‌های پرتکرار */
html body .sg-faq-banner-section .sg-carousel-header {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box;
}
html body .sg-faq-banner-section .sg-faq-item[hidden] { display: none !important; }
html body .sg-faq-more {
    display: block;
    margin: 14px auto 0 !important;
    padding: 9px 22px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--sg-gold-dark, #9E7B3B) !important;
    font-size: 0.85rem !important;
    cursor: pointer;
    box-shadow: none !important;
}
html body .sg-faq-more:hover { border-color: var(--sg-gold, #C5A059) !important; }

/* فوتر: details/summary — موبایل جمع‌شونده، دسکتاپ همیشه باز و بدونِ نشانگر */
html body .sg-footer-acc > summary {
    list-style: none;
    cursor: pointer;
}
html body .sg-footer-acc > summary::-webkit-details-marker { display: none; }
html body .sg-footer-acc > summary h3 { margin: 0 !important; display: flex; align-items: center; gap: 8px; }
@media (max-width: 767px) {
    html body .sg-footer-acc {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding: 12px 0 !important;
    }
    /* آیکون + عنوان کنارِ هم، فقط «+» به انتهای ردیف (space-between آیکونِ «تماس با ما» رو جدا می‌کرد) */
    html body .sg-footer-acc > summary h3 { justify-content: flex-start; font-size: 1rem !important; }
    html body .sg-footer-acc > summary h3::after {
        margin-inline-start: auto;
        content: "+";
        font-weight: 400;
        opacity: 0.7;
    }
    html body .sg-footer-acc[open] > summary h3::after { content: "−"; }
    html body .sg-footer-acc[open] > summary { margin-bottom: 10px; }
}
@media (min-width: 768px) {
    html body .sg-footer-acc > summary { cursor: default; pointer-events: none; }
}

/* پرسش‌ها: لیست و سرتیتر هم‌عرض و وسط‌چین (چیدمانِ قدیمی بنرِ کناری داشت و لیست رو کج می‌کرد) */
html body .sg-faq-banner-section .sg-faq-banner-row {
    display: block !important;
    max-width: 900px;
    margin: 0 auto !important;
    padding: 0 14px !important;
    box-sizing: border-box;
}
html body .sg-faq-banner-section .sg-faq-list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* =========================================================
   فروشگاه — نوارِ بالا: چیپ‌های دسته + «تعداد» و «مرتب‌سازی» روی یک خط
   ========================================================= */
html body.woocommerce .woocommerce-breadcrumb { margin-bottom: 6px !important; }
html body.woocommerce .woocommerce-products-header {
    margin: 0 0 12px !important;
    padding: 0 !important;
}
html body.woocommerce .woocommerce-products-header__title,
html body.woocommerce .woocommerce-products-header h1 {
    margin: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body .sg-shop-chips {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 2px 0 14px;
    margin: 0 0 4px;
}
html body .sg-shop-chips::-webkit-scrollbar { display: none; }
html body .sg-shop-chip {
    flex: none;
    padding: 7px 16px;
    border: 1px solid var(--sg-border-light, #E8DFCE);
    border-radius: 999px;
    background: #fff;
    color: var(--sg-black, #1A1A1A) !important;
    font-size: 0.85rem;
    line-height: 1.4;
    text-decoration: none !important;
    white-space: nowrap;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
html body .sg-shop-chip:hover { border-color: var(--sg-gold, #C5A059); }
html body .sg-shop-chip.is-active {
    background: var(--sg-black, #1A1A1A);
    border-color: var(--sg-black, #1A1A1A);
    color: #fff !important;
}
html body .storefront-sorting {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font-size: 0.82rem;
}
html body .storefront-sorting::before,
html body .storefront-sorting::after { content: none !important; display: none !important; }
html body .storefront-sorting .woocommerce-result-count {
    order: 1;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.8rem !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body .storefront-sorting .woocommerce-ordering {
    order: 2;
    float: none !important;
    margin: 0 !important;
    width: auto !important;
}
html body .storefront-sorting .woocommerce-ordering select {
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 14px 0 32px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 999px !important;
    background-color: #fff !important;
    font-size: 0.82rem !important;
    color: var(--sg-black, #1A1A1A) !important;
    box-shadow: none !important;
}

html body .storefront-breadcrumb {
    margin: 0 0 6px !important;
    padding: 10px 0 0 !important;
}

/* =========================================================
   صفحه‌ی محصول — هماهنگ با زبانِ طراحیِ جدید (۲۰۲۶-۰۹)
   ========================================================= */
/* قابِ سایه‌دارِ عکس و جزئیات حذف؛ فقط خطِ ظریف روی دسکتاپ */
html body.single-product div.product .woocommerce-product-gallery,
html body.single-product div.product .summary.entry-summary {
    box-shadow: none !important;
}
/* قیمت: مثلِ کارت‌ها — قیمتِ نهایی مشکی و درشت، قیمتِ قبلی کوچک و کم‌رنگ */
html body.single-product .summary .price {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 8px 0 14px !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body.single-product .summary .price ins,
html body.single-product .summary .price > .woocommerce-Price-amount,
html body.single-product .summary .price .sg-scale-price > .woocommerce-Price-amount {
    text-decoration: none !important;
    background: none !important;
    color: var(--sg-black, #1A1A1A) !important;
    font-size: 1.6rem !important;
    font-weight: 500 !important;
}
html body.single-product .summary .price ins .woocommerce-Price-amount,
html body.single-product .summary .price ins bdi {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
html body.single-product .summary .price .woocommerce-Price-currencySymbol {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body.single-product .summary .price del,
html body.single-product .summary .price del .woocommerce-Price-amount {
    font-size: 0.85rem !important;
    color: var(--sg-text-muted, #767676) !important;
    opacity: 1 !important;
}
html body.single-product .summary .sg-price-discount-combo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
}
html body.single-product .summary .sg-price-discount-percent {
    padding: 3px 9px !important;
    border-radius: 999px !important;
    background: var(--sg-price-old, #C84B31) !important;
    color: #fff !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
}
html body.single-product .summary .sg-price-discount-sep { display: none !important; }
/* «۴ قسط»: ردیفِ ملایمِ طلایی به‌جای دکمه‌ی حاشیه‌دارِ سنگین */
html body.single-product .summary .sg-installment-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    width: 100% !important;
    height: auto !important;
    margin: 12px 0 !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--sg-gold-light, #FAF4E6) !important;
    box-shadow: none !important;
    font-size: 0.88rem !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body.single-product .summary .sg-installment-btn__label {
    color: var(--sg-gold-dark, #9E7B3B) !important;
    font-weight: 500 !important;
    border: 0 !important;
    padding: 0 !important;
    background: none !important;
}
html body.single-product .summary .sg-installment-btn__amount {
    display: inline-flex !important;
    gap: 4px;
    border: 0 !important;
    padding: 0 !important;
    background: none !important;
}

@media (max-width: 767px) {
    /* گوشی: عکس تمام‌عرض و بدونِ قاب؛ جزئیات بدونِ کارت و با حاشیه‌ی معمولِ صفحه */
    html body.single-product div.product .woocommerce-product-gallery {
        width: var(--sg-vw, 100vw) !important;
        max-width: none !important;
        margin-left: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        margin-right: calc(50% - var(--sg-vw, 100vw) / 2) !important;
        padding: 0 0 8px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #fff !important;
    }
    html body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        padding: 0 14px !important;
    }
    html body.single-product div.product .summary.entry-summary {
        padding: 6px 0 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
}

/* صفحه‌ی محصول: لینکِ «مشاهده سبد خرید» که ووکامرس بعد از افزودنِ ایجکسی زیرِ دکمه می‌سازه — کشوی سبد همین کار رو می‌کنه */
html body.single-product form.cart .added_to_cart { display: none !important; }

/* ردیف‌های محصول (صفحه‌ی اصلی، محصولاتِ مشابه، ۴۰۴): روی صفحه‌های عریض داخلِ همون ستونِ
   ۱۲۴۰پیکسلیِ بقیه‌ی بخش‌ها؛ عنوان، ردیف و فلش‌ها هم‌تراز. وقتی کالا کمه، کارت‌ها وسط‌چین
   می‌شن (نه چسبیده به یک طرف). گوشی و صفحه‌های کوچک‌تر: همون لبه‌تا‌لبه. */
@media (min-width: 1240px) {
    html body .sg-carousel-section .sg-carousel-header,
    html body .sg-carousel-section .sg-home-tabs__list,
    html body .sg-carousel-section .sg-carousel-viewport {
        max-width: 1240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
    html body .sg-carousel-section .sg-carousel-viewport {
        position: relative;
    }
}
html body .sg-carousel-section .sg-carousel-row ul.products {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ردیف‌های افقی با دقیقاً ۳ محصول: قانونِ قدیمیِ ID‌دار (#main ul.products.columns-3 → گریدِ ۳ ستونه)
   ردیف رو گرید می‌کرد و کارت‌ها ۵۳۱ پیکسل می‌شدن. ردیف همیشه flex با کارتِ ثابت می‌مونه. */
#main .sg-carousel-row ul.products,
#primary .sg-carousel-row ul.products {
    display: flex !important;
    grid-template-columns: none !important;
    max-width: none !important;
    gap: 12px !important;
}
#main .sg-carousel-row ul.products li.product.sg-card,
#primary .sg-carousel-row ul.products li.product.sg-card {
    flex: 0 0 266px !important;
    width: 266px !important;
    min-width: 266px !important;
    max-width: 266px !important;
}
@media (max-width: 600px) {
    #main .sg-carousel-row ul.products,
    #primary .sg-carousel-row ul.products {
        gap: 10px !important;
    }
    #main .sg-carousel-row ul.products li.product.sg-card,
    #primary .sg-carousel-row ul.products li.product.sg-card {
        flex: 0 0 200px !important;
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }
}
/* صفحه‌ی محصول (تبلت/دسکتاپ): «محصولات مشابه» داخلِ ستونِ خودِ محصول، نه تمام‌عرض —
   ظرفش overflow:hidden داره و عنوانِ تمام‌عرض رو می‌برید («…لات مشابه»). گوشی: لبه‌تا‌لبه می‌مونه. */
@media (min-width: 768px) {
    html body.single-product .sg-related-products-wrapper .sg-carousel-section.sg-carousel-section {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* کارتِ آخرِ ردیف «مشاهده همه» (hero-slider.js می‌سازه) — هم‌اندازه‌ی کارت‌ها */
html body .sg-carousel-row ul.products li.sg-more-card,
#main .sg-carousel-row ul.products li.sg-more-card {
    display: flex !important;
    flex: 0 0 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
}
html body .sg-carousel-row ul.products li.sg-more-card a {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--sg-border, #EFE7D6);
    border-radius: 16px;
    background: #fff;
    color: var(--sg-gold-dark, #9E7B3B);
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}
html body .sg-carousel-row ul.products li.sg-more-card a:hover {
    border-color: var(--sg-gold, #C9A227);
    background: var(--sg-gold-light, #FAF4E6);
}
html body .sg-carousel-row ul.products li.sg-more-card .sg-more-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--sg-gold-light, #FAF4E6);
}
@media (max-width: 600px) {
    html body .sg-carousel-row ul.products li.sg-more-card,
    #main .sg-carousel-row ul.products li.sg-more-card {
        flex: 0 0 130px !important;
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
    }
    html body .sg-carousel-row ul.products li.sg-more-card a {
        border-radius: 12px;
    }
}
/* صفحه‌ی محصول، گوشی: ظرفِ «محصولات مشابه» overflow:hidden بود و ردیفِ لبه‌تا‌لبه رو
   از دو طرف می‌برید (کارت‌های نصفه). بخش خودش دقیقاً هم‌عرضِ صفحه‌ست، پس اسکرولِ افقی نمی‌سازه. */
html body.single-product div.product .sg-related-products-wrapper {
    overflow: visible !important;
}

/* =========================================================
   سبد خرید و پرداخت — هماهنگ با زبانِ طراحیِ جدید (۲۰۲۶-۰۹)
   کارت‌های سفید با خطِ ظریف و گوشه‌ی ۱۶، بدون خطِ طلاییِ بالا و سایه
   ========================================================= */

/* select2 (استان) سلکتِ اصلی رو پنهان نگه می‌داره؛ یک قانونِ قدیمیِ «select عرض ۱۰۰٪»
   بزرگش می‌کرد و در RTL صفحه رو ۴۶ پیکسل از عرضِ گوشی بیرون می‌برد (منوی کناری دیده می‌شد) */
html body select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    min-width: 0 !important;
    max-width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

/* ---------- سبد: چیدمان ---------- */
html body.woocommerce-cart .entry-content > .woocommerce {
    max-width: 1240px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    html body.woocommerce-cart .entry-content > .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: 0 32px;
        align-items: start;
    }
    html body.woocommerce-cart .entry-content > .woocommerce > * {
        grid-column: 1 / -1;
    }
    html body.woocommerce-cart .entry-content > .woocommerce > .woocommerce-cart-form {
        grid-column: 1;
    }
    html body.woocommerce-cart .entry-content > .woocommerce > .cart-collaterals {
        grid-column: 2;
        position: sticky;
        top: 96px;
    }
}

/* ---------- سبد: ردیفِ هر کالا (گوشی و دسکتاپ یکسان) ---------- */
html body.woocommerce-cart table.shop_table.cart {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden;
}
html body.woocommerce-cart table.shop_table.cart thead { display: none !important; }
html body.woocommerce-cart table.shop_table.cart tbody { display: block !important; }
html body.woocommerce-cart table.shop_table.cart tr.cart_item {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) 32px;
    grid-template-areas: "thumb name remove" "thumb total remove";
    align-items: center;
    column-gap: 14px;
    row-gap: 6px;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative;
}
html body.woocommerce-cart table.shop_table.cart tr.cart_item:last-of-type { border-bottom: 0 !important; }
html body.woocommerce-cart table.shop_table.cart tr.cart_item td {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    text-align: right !important;
}
html body.woocommerce-cart table.shop_table.cart tr.cart_item td::before { content: none !important; display: none !important; }
html body.woocommerce-cart table.shop_table.cart td.product-thumbnail {
    grid-area: thumb;
    align-self: stretch;
}
html body.woocommerce-cart table.shop_table.cart td.product-thumbnail a { display: block; }
html body.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
    display: block !important;
    width: 84px !important;
    max-width: none !important;
    height: 84px !important;
    object-fit: cover;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #F7F5F1;
}
html body.woocommerce-cart table.shop_table.cart td.product-name {
    grid-area: name;
    align-self: end;
    font-size: 0.92rem !important;
    line-height: 1.7 !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-name a {
    color: var(--sg-black, #1A1A1A) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-name dl.variation,
html body.woocommerce-cart table.shop_table.cart td.product-name .wc-item-meta {
    margin: 4px 0 0 !important;
    font-size: 0.78rem !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-subtotal {
    grid-area: total;
    align-self: start;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount,
html body.woocommerce-cart table.shop_table.cart td.product-subtotal bdi {
    color: var(--sg-black, #1A1A1A) !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-currencySymbol {
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    color: var(--sg-text-muted, #767676) !important;
}
/* هر قطعه تک‌نسخه‌ست: قیمتِ واحد و تعداد تکرارِ همون جمع‌اند */
html body.woocommerce-cart table.shop_table.cart tr.cart_item td.product-price,
html body.woocommerce-cart table.shop_table.cart tr.cart_item td.product-quantity { display: none !important; }
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove::before,
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove::after { content: none !important; display: none !important; }
html body.woocommerce-cart table.shop_table.cart td.product-remove {
    grid-area: remove;
    align-self: start;
}
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--sg-text-muted, #767676) !important;
    font-size: 1.3rem !important;
    line-height: 1 !important;
    transition: background 0.2s ease, color 0.2s ease;
}
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover {
    background: #FBEDEA !important;
    color: var(--sg-price-old, #C84B31) !important;
}
/* ردیفِ «به‌روزرسانی سبد / کد تخفیف»ِ ووکامرس — تخفیف در ستونِ خلاصه هست */
html body.woocommerce-cart table.shop_table.cart tbody tr:not(.cart_item) {
    display: none !important;
}

/* ---------- سبد و پرداخت: کارتِ خلاصه ---------- */
html body.woocommerce-cart .cart-collaterals {
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    width: 100% !important;
    margin-top: 18px;
}
@media (min-width: 992px) {
    html body.woocommerce-cart .cart-collaterals { margin-top: 0; }
}
html body.woocommerce-cart .cart-collaterals .cart_totals,
html body.woocommerce-cart .cart-collaterals .sg-coupon,
html body.woocommerce-checkout #customer_details .col-1,
html body.woocommerce-checkout #customer_details .col-2,
html body.woocommerce-checkout #order_review {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box;
}
html body.woocommerce-cart .cart-collaterals .cart_totals h2,
html body.woocommerce-checkout #customer_details h3,
html body.woocommerce-checkout form.checkout h3#order_review_heading {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body.woocommerce-cart .cart_totals table.shop_table,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
}
html body.woocommerce-cart .cart_totals table.shop_table tr,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr {
    display: flex !important;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid #F1ECE2 !important;
    background: none !important;
}
html body.woocommerce-cart .cart_totals table.shop_table tr:first-child,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead tr { border-top: 0 !important; }
html body.woocommerce-cart .cart_totals table.shop_table th,
html body.woocommerce-cart .cart_totals table.shop_table td,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    color: var(--sg-text-body, #333) !important;
}
html body.woocommerce-cart .cart_totals table.shop_table th,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
    color: var(--sg-text-muted, #767676) !important;
    white-space: nowrap;
}
html body.woocommerce-cart .cart_totals table.shop_table td { text-align: left !important; }
html body.woocommerce-cart .cart_totals table.shop_table td::before { content: none !important; display: none !important; }
/* ردیفِ ارسال: متنِ «حمل به …» و «تغییر آدرس» ریز و کم‌رنگ */
html body.woocommerce-cart .cart_totals .woocommerce-shipping-methods {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
html body.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
html body.woocommerce-cart .cart_totals .woocommerce-shipping-calculator {
    margin: 4px 0 0 !important;
    font-size: 0.76rem !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body.woocommerce-cart .cart_totals .shipping-calculator-button {
    color: var(--sg-gold-dark, #9E7B3B) !important;
    font-size: 0.76rem !important;
}
/* مبلغِ کل: درشت و مشکی */
html body.woocommerce-cart .cart_totals tr.order-total th,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th {
    color: var(--sg-black, #1A1A1A) !important;
    font-weight: 600 !important;
}
html body.woocommerce-cart .cart_totals tr.order-total td,
html body.woocommerce-cart .cart_totals tr.order-total td *,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td * {
    color: var(--sg-black, #1A1A1A) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
}
html body.woocommerce-cart .cart_totals tr.order-total .woocommerce-Price-currencySymbol,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total .woocommerce-Price-currencySymbol {
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    color: var(--sg-text-muted, #767676) !important;
}
/* دکمه‌ی اصلی: همون دکمه‌ی مشکی/طلاییِ صفحه‌ی محصول */
html body.woocommerce-cart .wc-proceed-to-checkout {
    margin: 16px 0 0 !important;
    padding: 0 !important;
}
html body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
html body.woocommerce-checkout #place_order {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #2B2420 !important;
    color: var(--sg-gold, #C5A059) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* ---------- سبد: کادرهای بالای صفحه ---------- */
html body.woocommerce-cart .sg-cart-greeting {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 0.85rem !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body.woocommerce-cart .sg-cart-greeting__name {
    font-weight: 400 !important;
    color: inherit !important;
}
html body.woocommerce-cart .sg-sales-closed {
    border-radius: 12px !important;
    border-right-width: 1px !important;
    border-color: var(--sg-border-light, #E8DFCE) !important;
    background: var(--sg-gold-light, #FAF4E6) !important;
    font-size: 0.88rem;
}

/* ---------- پرداخت ---------- */
html body.woocommerce-checkout #customer_details .col-2 { margin-top: 16px !important; }
html body.woocommerce-checkout #customer_details .col-2:empty { display: none !important; }
html body.woocommerce-checkout form.checkout .input-text,
html body.woocommerce-checkout form.checkout select,
html body.woocommerce-checkout form.checkout textarea,
html body.woocommerce-checkout .select2-container .select2-selection--single {
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}
html body.woocommerce-checkout form.checkout .input-text:focus,
html body.woocommerce-checkout form.checkout textarea:focus {
    border-color: var(--sg-gold, #C5A059) !important;
    outline: none !important;
}
html body.woocommerce-checkout #payment {
    margin-top: 16px !important;
    border-radius: 12px !important;
    background: #FAF8F4 !important;
}
html body.woocommerce-checkout #payment .payment_box {
    border-radius: 10px !important;
}

/* ---------- نوارِ پایینِ گوشی: جمع + دکمه‌ی اقدام ---------- */
html body .sg-cart-total-bar {
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    height: auto !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
}
html body .sg-cart-total-bar__sum {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 0.75rem;
    color: var(--sg-text-muted, #767676);
}
html body .sg-cart-total-bar__sum strong,
html body .sg-cart-total-bar__sum strong * {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: var(--sg-black, #1A1A1A) !important;
}
html body .sg-cart-total-bar__sum .woocommerce-Price-currencySymbol {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    color: var(--sg-text-muted, #767676) !important;
}
html body .sg-cart-total-bar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 150px;
    height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #2B2420;
    color: var(--sg-gold, #C5A059) !important;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
}
html body .sg-cart-total-bar__btn[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* جا برای نوارِ پایین تا دکمه‌ی آخرِ صفحه زیرش نره */
@media (max-width: 767px) {
    html body.woocommerce-cart .site-content,
    html body.woocommerce-checkout .site-content {
        padding-bottom: 84px !important;
    }
}

/* سبد: دکمه‌ی حذف — «×» متنی (قانونِ قدیمی text-indent منفی داشت) */
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    text-indent: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
}
/* کدِ تخفیف (سبد و پرداخت): ورودی و دکمه‌ی خط‌دار، هم‌خانواده‌ی بقیه‌ی فرم */
html body .sg-coupon .sg-coupon__input {
    height: 46px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
}
html body .sg-coupon .sg-coupon__btn {
    height: 44px !important;
    border: 1px solid #2B2420 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #2B2420 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}
html body .sg-coupon .sg-coupon__btn:hover {
    background: #2B2420 !important;
    color: var(--sg-gold, #C5A059) !important;
}
html body .sg-coupon .sg-coupon__label {
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: var(--sg-black, #1A1A1A) !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
}

/* نوارِ مراحلِ سبد/آدرس/پرداخت روی دسکتاپ: ستونِ ۷۲۰ وسط، نه پخش در کلِ عرضِ صفحه */
@media (min-width: 768px) {
    html body #page div.sg-checkout-steps.sg-checkout-steps {
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* پرداخت: خط‌های اضافه‌ی زیرِ هر خانه (قانونِ قدیمیِ قوی‌تر) — فقط یک خطِ ظریف بین ردیف‌ها */
html body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table th,
html body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table td {
    border: 0 !important;
    padding: 0 !important;
    background: none !important;
}
html body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tr {
    border: 0 !important;
    border-top: 1px solid #F1ECE2 !important;
}
html body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table thead tr {
    border-top: 0 !important;
}
html body.woocommerce-cart table.shop_table.cart td.product-remove a.remove { text-decoration: none !important; }

/* ---------- سبدِ خالی: آیکون + پیام + دکمه، بعد ردیفِ جدیدترین‌ها ---------- */
html body.woocommerce-cart .entry-content > .woocommerce:has(.cart-empty) {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
}
html body.woocommerce-cart .wc-empty-cart-message { order: 1; }
html body.woocommerce-cart .woocommerce:has(.cart-empty) .return-to-shop { order: 2; }
html body.woocommerce-cart .sg-empty-cart__suggestions { order: 3; margin-top: 40px; }
html body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: var(--sg-black, #1A1A1A) !important;
    text-align: center !important;
}
html body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info::before {
    content: "" !important;
    display: block !important;
    position: static !important;
    width: 72px;
    height: 72px;
    margin: 0 !important;
    border-radius: 50%;
    background: var(--sg-gold-light, #FAF4E6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239E7B3B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / 32px no-repeat !important;
}
html body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info::after {
    content: none !important;
    display: none !important;
}
html body.woocommerce-cart .woocommerce:has(.cart-empty) .return-to-shop {
    display: flex !important;
    justify-content: center;
    margin: 18px 0 0 !important;
}
html body.woocommerce-cart .woocommerce:has(.cart-empty) .return-to-shop .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 48px !important;
    padding: 0 28px !important;
    border-radius: 12px !important;
    background: #2B2420 !important;
    color: var(--sg-gold, #C5A059) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}
/* مراحلِ خرید وقتی سبد خالیه معنا نداره */
html body.woocommerce-cart:has(.cart-empty) .sg-checkout-steps { display: none !important; }

/* فرمِ ورودِ پیامکی (حساب کاربری، مهمان): فاصله بین فیلدِ موبایل و دکمه + گوشه‌های هم‌خانواده */
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .form-row {
    margin: 0 0 16px !important;
}
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label {
    display: block;
    margin: 0 0 8px !important;
}
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text {
    height: 50px !important;
    padding: 0 16px !important;
    border: 1px solid var(--sg-border-light, #E8DFCE) !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    letter-spacing: 0.04em;
    box-shadow: none !important;
}
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text:focus {
    border-color: var(--sg-gold, #C5A059) !important;
    outline: none !important;
}
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.button {
    width: 100% !important;
    height: 50px !important;
    margin: 4px 0 0 !important;
    border-radius: 12px !important;
}

/* ورود / عضویت: یک کارت، یک حالت در هر لحظه (قالبِ myaccount/form-login.php) */
html body .sg-auth[data-mode="login"] .sg-auth__panel--register,
html body .sg-auth[data-mode="register"] .sg-auth__panel--login { display: none !important; }
html body .sg-auth .sg-auth__panel { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body .sg-auth .sg-auth__panel > h2 { margin: 0 0 16px !important; text-align: center; }
html body .sg-auth .sg-auth__panel form { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html body .sg-auth .sg-auth__switch { margin: 18px 0 0 !important; text-align: center; font-size: 0.88rem; color: var(--sg-text-muted, #767676); }
html body .sg-auth .sg-auth__switch button { padding: 0 4px !important; border: 0 !important; background: none !important; color: var(--sg-gold-dark, #9E7B3B) !important; font: inherit; font-weight: 600 !important; cursor: pointer; box-shadow: none !important; }
html body .sg-auth .sg-auth__hint { margin: -6px 0 14px !important; padding: 10px 12px; border-radius: 10px; background: var(--sg-gold-light, #FAF4E6); font-size: 0.84rem; line-height: 1.8; color: #5C4A26; text-align: center; }
html body .sg-auth .sg-auth__lead { margin: -6px 0 14px !important; font-size: 0.82rem; line-height: 1.8; color: var(--sg-text-muted, #767676); text-align: center; }
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .form-row { margin: 0 0 16px !important; }
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-register label { display: block; margin: 0 0 8px !important; }
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-register input.input-text { height: 50px !important; padding: 0 16px !important; border: 1px solid var(--sg-border-light, #E8DFCE) !important; border-radius: 12px !important; box-shadow: none !important; }
html body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button.button { width: 100% !important; height: 50px !important; margin: 4px 0 0 !important; border-radius: 12px !important; }
html body .sg-auth { max-width: 440px; margin: 8px auto 0 !important; padding: 26px 22px !important; border: 1px solid var(--sg-border-light, #E8DFCE); border-radius: 16px; background: #fff; box-sizing: border-box; }

/* سایت فقط پیامکی: ایمیل در جزئیاتِ مشتریِ سفارش (حساب کاربری و صفحه‌ی «سفارش ثبت شد») نمایش داده نمی‌شه */
html body .woocommerce-customer-details .woocommerce-customer-details--email { display: none !important; }
/* جزئیاتِ سفارش: عکسِ کوچکِ قطعه کنارِ نام */
html body .sg-order-item { display: inline-flex; align-items: center; gap: 10px; vertical-align: middle; }
html body .sg-order-item img.sg-order-item__img { flex: 0 0 48px; width: 48px !important; height: 48px !important; margin: 0 !important; object-fit: cover; border-radius: 10px; background: #F7F5F1; }
html body .sg-order-item__name a { color: var(--sg-black, #1A1A1A) !important; text-decoration: none !important; }

/* ---------- صفحه‌ی ۴۰۴ — میان‌برِ دسته‌ها + دکمه‌ها (۲۰۲۶-۰۹) ---------- */
.sg-404__cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 1.4rem;
}
.sg-404__cats a {
    padding: 6px 14px;
    border: 1px solid #E6DCC8;
    border-radius: 999px;
    background: #FFFFFF;
    color: #2B2420 !important;
    font-size: 0.85rem;
    line-height: 1.7;
    text-decoration: none !important;
    transition: border-color 0.15s ease;
}
.sg-404__cats a:hover { border-color: var(--sg-gold); }
.sg-404__actions { flex-wrap: wrap !important; }
.sg-404__btn { white-space: nowrap; }
.sg-404__btn[hidden] { display: none !important; }
button.sg-404__btn { font-family: inherit; cursor: pointer; background: #FFFFFF; }
@media (max-width: 600px) {
    /* دکمه‌ی اصلی تمام‌عرض، دوتای دیگر کنار هم — متن هیچ‌وقت بریده نمی‌شود */
    .sg-404__btn--primary { flex: 1 1 100% !important; }
    .sg-404__btn { padding: 0.7rem 0.6rem !important; font-size: 0.85rem !important; }
}

/* ردیفِ «سودِ شما از این خرید» در سبد و تسویه (inc/coupons.php افزونه‌ی قیمت) */
html body tr.sg-savings th,
html body tr.sg-savings td,
html body.woocommerce-cart .cart_totals table.shop_table tr.sg-savings th,
html body.woocommerce-cart .cart_totals table.shop_table tr.sg-savings td,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.sg-savings th,
html body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.sg-savings td,
html body tr.sg-savings td .woocommerce-Price-amount,
html body tr.sg-savings td .woocommerce-Price-currencySymbol {
    color: #2F8F5B !important;
    font-weight: 600 !important;
}
html body tr.sg-savings td { white-space: nowrap; }

/* بلوکِ مناسبت (inc/occasions.php) — همان قابِ بلوکِ کالکشن + برچسبِ کوچک */
html body .sg-home-occasion picture { display: block; }
html body .sg-home-occasion .sg-home-store__media img { aspect-ratio: 4 / 3; }
html body .sg-home-occasion__eyebrow {
    margin: 0 0 8px !important;
    color: #A88418;
    font-size: 0.82rem;
    letter-spacing: 0;
}

/* =========================================================
   کنتراستِ متن‌های ریز (۲۰۲۶-۱۰-۱۶) — فقط رنگِ متن روی پس‌زمینه‌ی روشن.
   طلاییِ برند (پس‌زمینه، خط، گرادیان، متنِ روی تیره) دست نخورده.
   پیشوندِ body:not(#sg-c) فقط برای اینکه از قانون‌های قدیمی‌ترِ خاص‌تر برنده شود.
   ========================================================= */
html body:not(#sg-c) .sg-carousel-viewall,
html body:not(#sg-c) .sg-carousel-viewall span,
html body:not(#sg-c) .sg-more-card a span,
html body:not(#sg-c) .sg-card__fast,
html body:not(#sg-c) .sg-faq-arrow,
html body:not(#sg-c) .sg-faq-more,
html body:not(#sg-c) .sg-art-card__topic,
html body:not(#sg-c) .sg-installment-btn__label,
html body:not(#sg-c) .sg-sticky-cart .sg-scale-price .woocommerce-Price-amount,
html body:not(#sg-c) .sg-sticky-cart .sg-scale-price .woocommerce-Price-amount span:not(.woocommerce-Price-currencySymbol) {
    color: var(--sg-gold-text) !important;
}
html body:not(#sg-c) .sg-product-meta .sg-live-price,
html body:not(#sg-c) .sg-product-meta .sg-live-price span,
html body:not(#sg-c) .product_meta,
html body:not(#sg-c) .product_meta span,
html body:not(#sg-c) .product_meta a,
html body:not(#sg-c) .sg-sticky-cart__weight,
html body:not(#sg-c) .sg-sticky-cart__weight span,
html body:not(#sg-c) .sg-scale-price .woocommerce-Price-currencySymbol,
html body:not(#sg-c) .sg-pricing__when {
    color: var(--sg-muted-text) !important;
}
html body:not(#sg-c) .sg-menu-label {
    color: var(--sg-muted-warm) !important;
}
/* تبِ انتخاب‌شده‌ی بودجه (زمینه‌ی تیره): عدد روشن‌تر */
html body:not(#sg-c) .sg-budget__tab[aria-selected="true"] .sg-budget__count {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* کارتِ تخفیفِ بخشِ مناسبت (inc/occasions.php) — بلیتِ مشکی: مبلغ درشت، کد طلایی با «کپی کد» */
html body .sg-occ-ticket {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 6px 0 18px;
    border-radius: 16px;
    background: var(--sg-black, #1A1A1A);
    color: #fff;
    overflow: hidden;
}
/* دو نیم‌دایره‌ی بلیت روی خطِ برش */
html body .sg-occ-ticket::before,
html body .sg-occ-ticket::after {
    content: "";
    position: absolute;
    left: 38%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    border-radius: 50%;
    background: var(--sg-page-bg, #fff);
}
html body .sg-occ-ticket::before { top: -9px; }
html body .sg-occ-ticket::after { bottom: -9px; }
html body .sg-occ-ticket__offer {
    flex: 1 1 62%;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}
html body .sg-occ-ticket__amount {
    margin: 0 !important;
    line-height: 1.25;
    color: #fff !important;
}
html body .sg-occ-ticket__amount strong {
    font-size: 1.9rem;
    font-weight: 700;
    color: #fff;
}
html body .sg-occ-ticket__amount span {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.85);
}
html body .sg-occ-ticket__cond {
    margin: 0 !important;
    font-size: 0.82rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.72) !important;
}
html body .sg-occ-ticket__code {
    flex: 0 0 38%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 !important;
    padding: 18px 14px !important;
    border: 0 !important;
    border-right: 2px dashed rgba(255, 255, 255, 0.22) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
html body .sg-occ-ticket__code:hover,
html body .sg-occ-ticket__code:focus-visible {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
}
/* کپی: آیکونِ کوچک کنارِ کد؛ بعد از کپی کلِ قسمتِ کد با یک «موج» از خطِ برش سبز می‌شود،
   آیکون به تیکِ ✓ (که کشیده می‌شود) تبدیل و «کد تخفیف» ← «کپی شد». همه زیرِ ۲۵۰ms. */
html body .sg-occ-ticket__code { position: relative; isolation: isolate; }
html body .sg-occ-ticket__code::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #2A7F51;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.24s cubic-bezier(.4, 0, .2, 1);
}
html body .sg-occ-ticket__code.is-copied::before { transform: scaleX(1); }
html body .sg-occ-ticket__code.is-copied,
html body .sg-occ-ticket__code.is-copied:hover { background: transparent !important; }

html body .sg-occ-ticket__label {
    position: relative;
    display: grid;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}
html body .sg-occ-ticket__label > span {
    grid-area: 1 / 1;
    text-align: center;
    transition: opacity 0.18s ease, transform 0.18s ease;
}
html body .sg-occ-ticket__label .is-done { opacity: 0; transform: translateY(6px); color: #fff; font-weight: 700; }
html body .sg-occ-ticket__code.is-copied .sg-occ-ticket__label .is-idle { opacity: 0; transform: translateY(-6px); }
html body .sg-occ-ticket__code.is-copied .sg-occ-ticket__label .is-done { opacity: 1; transform: none; }

html body .sg-occ-ticket__value {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px 6px 14px;
    border: 1px dashed var(--sg-gold, #C5A059);
    border-radius: 8px;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--sg-gold, #C5A059);
    transition: border-color 0.2s ease, color 0.2s ease;
}
html body .sg-occ-ticket__code:hover .sg-occ-ticket__value { border-style: solid; }
html body .sg-occ-ticket__code.is-copied .sg-occ-ticket__value {
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
}
/* دو آیکون روی هم: کپی ↔ تیک */
html body .sg-occ-ticket__value { position: relative; }
html body .sg-occ-ticket__ic { flex: 0 0 auto; transition: opacity 0.18s ease, transform 0.2s ease; }
html body .sg-occ-ticket__ic--check {
    position: absolute;
    right: 12px;
    opacity: 0;
    stroke-dasharray: 22;
    stroke-dashoffset: 22;
}
html body .sg-occ-ticket__code:hover .sg-occ-ticket__ic--copy { transform: translateY(-1px); }
html body .sg-occ-ticket__code.is-copied .sg-occ-ticket__ic--copy { opacity: 0; transform: scale(0.6); }
html body .sg-occ-ticket__code.is-copied .sg-occ-ticket__ic--check {
    opacity: 1;
    stroke-dashoffset: 0;
    transition: opacity 0.1s ease 0.08s, stroke-dashoffset 0.22s ease 0.1s;
}
@media (prefers-reduced-motion: reduce) {
    html body .sg-occ-ticket__code::before,
    html body .sg-occ-ticket__label > span,
    html body .sg-occ-ticket__ic { transition: none !important; }
}
/* موبایل: مبلغ بالا، کد پایین؛ خطِ برش افقی */
@media (max-width: 600px) {
    html body .sg-occ-ticket { flex-direction: column; }
    html body .sg-occ-ticket::before,
    html body .sg-occ-ticket::after { display: none; }
    html body .sg-occ-ticket__offer { padding: 18px 18px 14px; text-align: center; align-items: center; }
    html body .sg-occ-ticket__amount strong { font-size: 1.7rem; }
    html body .sg-occ-ticket__code {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 14px !important;
        border-right: 0 !important;
        border-top: 2px dashed rgba(255, 255, 255, 0.22) !important;
    }
}
/* وقتی کارتِ تخفیف هست، دکمه‌ی زیرش خطی می‌شود تا دو بلوکِ مشکی پشتِ هم نیاید */
html body .sg-home-occasion:has(.sg-occ-ticket) .sg-home-store__btn.is-primary {
    background: transparent !important;
    color: var(--sg-black, #1A1A1A) !important;
    border: 1px solid var(--sg-black, #1A1A1A) !important;
}
html body .sg-home-occasion:has(.sg-occ-ticket) .sg-home-store__btn.is-primary:hover {
    background: var(--sg-black, #1A1A1A) !important;
    color: #fff !important;
}

/* جدیدترین‌ها: دکمه‌ی «مشاهده‌ی محصولات بیشتر» زیرِ شبکه */
html body .sg-home-grid__more {
    display: flex;
    justify-content: center;
    padding: 14px 8px 4px;
}
html body .sg-home-grid__more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 26px;
    border: 1px solid var(--sg-black, #1A1A1A);
    border-radius: 999px;
    background: transparent;
    color: var(--sg-black, #1A1A1A) !important;
    font-size: 0.92rem;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
html body .sg-home-grid__more-btn svg { transition: transform 0.2s ease; }
html body .sg-home-grid__more-btn:hover,
html body .sg-home-grid__more-btn:focus-visible {
    background: var(--sg-black, #1A1A1A);
    color: #fff !important;
}
html body .sg-home-grid__more-btn:hover svg { transform: translateX(-3px); }
@media (max-width: 767px) {
    html body .sg-home-grid__more { padding: 12px 8px 0; }
    html body .sg-home-grid__more-btn { width: 100%; justify-content: center; padding: 12px 20px; }
}

/* =========================================================
   صفحه‌ی پرداخت: انتخابِ درگاه به‌صورتِ کارت (۲۰۲۶-۱۰-۱۸)
   کارتِ سفید با حاشیه‌ی نرم؛ انتخاب‌شده = حاشیه‌ی طلایی + نقطه‌ی طلایی؛ توضیح داخلِ همان کارت.
   ========================================================= */
html body.woocommerce-checkout #payment,
html body.woocommerce-order-pay #payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
html body.woocommerce-checkout #payment ul.payment_methods,
html body.woocommerce-order-pay #payment ul.payment_methods {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
}
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
html body.woocommerce-order-pay #payment ul.payment_methods li.wc_payment_method {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #FFFFFF !important;
    border: 1.5px solid #ECE5D8 !important;
    border-radius: 14px !important;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
    border-color: #D8C8A3 !important;
}
html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input:checked),
html body.woocommerce-order-pay #payment ul.payment_methods li.wc_payment_method:has(> input:checked) {
    border-color: #C9A227 !important;
    background: #FFFCF5 !important;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, .12);
}
/* رادیوی پیش‌فرض پنهان؛ دایره‌ی خودمان */
html body #payment ul.payment_methods li.wc_payment_method > input.input-radio {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    pointer-events: none;
}
html body #payment ul.payment_methods li.wc_payment_method > label {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 64px;
    margin: 0 !important;
    padding: 12px 16px !important;
    color: #1C1916 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.6;
    cursor: pointer;
}
html body #payment ul.payment_methods li.wc_payment_method > label::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #CFC4B0;
    background: #FFFFFF;
    box-shadow: inset 0 0 0 4px #FFFFFF;
    transition: border-color .15s ease, background-color .15s ease;
}
html body #payment ul.payment_methods li.wc_payment_method > input.input-radio:checked + label::before {
    border-color: #C9A227;
    background: #C9A227;
}
html body #payment ul.payment_methods li.wc_payment_method > input.input-radio:focus-visible + label::before {
    box-shadow: inset 0 0 0 4px #FFFFFF, 0 0 0 3px rgba(201, 162, 39, .35);
}
/* لوگوی درگاه: سمتِ دیگرِ کارت، در قابِ کوچکِ سفید */
html body #payment ul.payment_methods li.wc_payment_method > label img {
    order: 9;
    margin: 0 auto 0 0 !important;
    max-height: 30px !important;
    max-width: 64px !important;
    width: auto !important;
    height: auto !important;
    padding: 6px;
    box-sizing: content-box;
    border-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #F3EEE5;
    object-fit: contain;
    float: none !important;
}
/* توضیحِ درگاه داخلِ همان کارت */
html body #payment ul.payment_methods li.wc_payment_method div.payment_box {
    margin: 0 16px 14px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    background: #F8F7F4 !important;
    border: 0 !important;
    color: #5C5347 !important;
    font-size: 0.85rem !important;
    line-height: 1.9 !important;
}
html body #payment ul.payment_methods li.wc_payment_method div.payment_box::before { display: none !important; }
html body #payment ul.payment_methods li.wc_payment_method div.payment_box p { margin: 0 !important; }
html body #payment .sg-gw-fee-note {
    display: block;
    margin-top: 8px !important;
    padding: 8px 10px !important;
    border-radius: 8px;
    background: #FAF4E6 !important;
    color: #5C4A10 !important;
}
html body #payment .sg-gw-fee-note b { color: #1C1916; font-weight: 700; }
@media (max-width: 600px) {
    html body #payment ul.payment_methods li.wc_payment_method > label { padding: 12px 14px !important; font-size: 0.9rem !important; }
    html body #payment ul.payment_methods li.wc_payment_method > label img { max-width: 52px !important; max-height: 26px !important; }
}
/* Storefront آیکونِ فونتیِ خودش (دایره‌ی بنفش) را روی همین ::before می‌گذارد — کامل خنثی شود */
html body #payment ul.payment_methods li.wc_payment_method > input.input-radio + label::before,
html body #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:first-child + label::before,
html body #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label::before {
    content: "" !important;
    display: inline-block !important;
    flex: none !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    border: 1.5px solid #CFC4B0 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    box-shadow: inset 0 0 0 4px #FFFFFF !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
}
html body #payment ul.payment_methods li.wc_payment_method > input.input-radio:checked + label::before,
html body #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label::before {
    border-color: #C9A227 !important;
    background: #C9A227 !important;
}

/* =========================================================
   نقشه‌راهِ خرید «گردنبند» — نسخه‌ی ۲۰۲۶-۱۰-۱۸ (functions.php: swangold_checkout_steps_bar)
   زنجیری که مثل گردنبند آویزان است و سه آویزِ سکه‌ای دارد (سبد، آدرس، پرداخت).
   زنجیر از سبد تا مرحله‌ی فعلی طلایی می‌شود و برقی رویش سُر می‌خورد؛ آویزِ فعلی آرام تاب می‌خورد.
   ========================================================= */
html body #page nav.sg-nk.sg-checkout-steps,
html body nav.sg-nk.sg-checkout-steps {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    min-height: 150px;
    margin: 10px auto 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* زنجیر: دانه‌های بیضی (خط‌چینِ گرد) روی یک نخِ نازک؛ دو سرش محو می‌شود */
html body .sg-nk__chain {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 80px;
    overflow: visible;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
html body .sg-nk__chain path { fill: none; stroke-linecap: round; }
html body .sg-nk__core { stroke: #E4DACA; stroke-width: 1; }
html body .sg-nk__links { stroke: #DCD1BE; stroke-width: 3.4; stroke-dasharray: 6 4.5; }

/* لایه‌ی طلایی: از راست تا آویزِ فعلی */
html body .sg-nk__chain--gold {
    -webkit-clip-path: inset(-10px 0 -10px calc(100% - var(--sg-flow, 0%)));
            clip-path: inset(-10px 0 -10px calc(100% - var(--sg-flow, 0%)));
    transition: clip-path .9s cubic-bezier(.45, 0, .2, 1), -webkit-clip-path .9s cubic-bezier(.45, 0, .2, 1);
    animation: sg-nk-fill 1.4s cubic-bezier(.45, 0, .2, 1) .15s both;
}
@keyframes sg-nk-fill {
    from { -webkit-clip-path: inset(-10px 0 -10px 100%); clip-path: inset(-10px 0 -10px 100%); }
}
html body .sg-nk__chain--gold .sg-nk__core { stroke: #A88418; }
html body .sg-nk__chain--gold .sg-nk__links { stroke: #C9A227; }
/* برقِ روی طلا: از سمتِ سبد به سمتِ آویزِ فعلی */
html body .sg-nk__sheen {
    stroke: #FFF4CC;
    stroke-width: 2.4;
    stroke-dasharray: 4 300;
    stroke-dashoffset: -100;
    animation: sg-nk-sheen 3.2s ease-in-out 1.4s infinite;
}
@keyframes sg-nk-sheen { 0% { stroke-dashoffset: -100; } 55%, 100% { stroke-dashoffset: 6; } }

/* هر مرحله: ستونی که آویزش دقیقاً روی منحنیِ زنجیر می‌نشیند */
html body .sg-nk__step {
    position: relative;
    z-index: 1;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    text-decoration: none !important;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    animation: sg-nk-drop .7s cubic-bezier(.2, .9, .3, 1.2) both;
}
html body .sg-nk__step[data-n="2"] { margin-top: 53px; animation-delay: .12s; }
html body .sg-nk__step[data-n="3"] { animation-delay: .24s; }
@keyframes sg-nk-drop { from { opacity: 0; transform: translateY(-14px); } }

/* آویز = حلقه + سکه؛ محورِ تاب خوردن روی حلقه است */
html body .sg-nk__pend {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-origin: 50% 5px;
}
html body .sg-nk__bail {
    position: relative;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #DCD1BE;
    background: transparent;
    box-sizing: border-box;
    transition: border-color .25s ease;
}
html body .sg-nk__coin {
    position: relative;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-top: -2px;
    border-radius: 50%;
    background: #FBF8F2;
    border: 1.5px solid #E5DCCB;
    color: #B5AA98;
    box-sizing: border-box;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
html body .sg-nk__icon, html body .sg-nk__check { grid-area: 1 / 1; display: grid; place-items: center; }
html body .sg-nk__check { opacity: 0; stroke-dasharray: 22; stroke-dashoffset: 22; }
html body .sg-nk__label {
    margin-top: 9px;
    font-size: .8rem;
    color: #8C8070;
    white-space: nowrap;
    transition: color .25s ease;
}

/* انجام‌شده: سکه‌ی طلای ساده با لبه‌ی حکاکی‌شده + تیکِ کشیده‌شونده */
html body .sg-nk__step.is-done .sg-nk__bail,
html body .sg-nk__step.is-active .sg-nk__bail { border-color: #C9A227; }
html body .sg-nk__step.is-done .sg-nk__coin {
    background: #C9A227;
    border-color: #C9A227;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 3px #C9A227, inset 0 0 0 4px rgba(255, 255, 255, .45), 0 6px 14px rgba(168, 132, 24, .22);
}
html body .sg-nk__step.is-done .sg-nk__icon { opacity: 0; transform: scale(.6); transition: opacity .2s ease, transform .2s ease; }
html body .sg-nk__step.is-done .sg-nk__check { opacity: 1; stroke-dashoffset: 0; transition: opacity .15s ease .1s, stroke-dashoffset .4s ease .2s; }
html body .sg-nk__step.is-done .sg-nk__label { color: #86660F; }
html body a.sg-nk__step.is-done:focus-visible .sg-nk__coin { outline: 2px solid #C9A227; outline-offset: 3px; }

/* فعلی: سکه‌ی سفید با قابِ طلایی؛ اول یک تابِ محکم، بعد تابِ آرامِ همیشگی + چشمکِ ستاره */
html body .sg-nk__step.is-active .sg-nk__pend {
    animation: sg-nk-swing 1.5s cubic-bezier(.3, .6, .4, 1), sg-nk-sway 3.6s ease-in-out 1.5s infinite;
}
@keyframes sg-nk-swing {
    0%   { transform: rotate(16deg); }
    22%  { transform: rotate(-11deg); }
    44%  { transform: rotate(7deg); }
    64%  { transform: rotate(-4deg); }
    82%  { transform: rotate(1.5deg); }
    100% { transform: rotate(0); }
}
@keyframes sg-nk-sway { 0%, 100% { transform: rotate(0); } 30% { transform: rotate(3deg); } 70% { transform: rotate(-3deg); } }
html body .sg-nk__step.is-active .sg-nk__coin {
    background: #FFFDF7;
    border: 2px solid #C9A227;
    color: #A88418;
    box-shadow: inset 0 0 0 3px #FFFDF7, inset 0 0 0 4px rgba(201, 162, 39, .35), 0 8px 18px rgba(168, 132, 24, .2);
}
html body .sg-nk__step.is-active .sg-nk__coin::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -5px;
    width: 12px;
    height: 12px;
    background: #C9A227;
    -webkit-clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
            clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
    transform: scale(0);
    animation: sg-nk-twinkle 2.8s ease-in-out 1s infinite;
}
@keyframes sg-nk-twinkle {
    0%, 100% { transform: scale(0) rotate(0); }
    18%      { transform: scale(1) rotate(45deg); }
    36%      { transform: scale(0) rotate(90deg); }
}
html body .sg-nk__step.is-active .sg-nk__label { color: #1C1916; font-weight: 700; }

@media (max-width: 600px) {
    html body #page nav.sg-nk.sg-checkout-steps,
    html body nav.sg-nk.sg-checkout-steps { max-width: 100% !important; min-height: 140px; margin: 6px auto 12px !important; }
    html body .sg-nk__coin { width: 46px; height: 46px; }
    html body .sg-nk__label { font-size: .75rem; margin-top: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    html body .sg-nk__chain--gold, html body .sg-nk__sheen, html body .sg-nk__step,
    html body .sg-nk__step.is-active .sg-nk__pend, html body .sg-nk__step.is-active .sg-nk__coin::after { animation: none !important; }
    html body .sg-nk__chain--gold, html body .sg-nk__check, html body .sg-nk__icon { transition: none !important; }
}

/* =========================================================
   پیام‌های شناور (توست‌ها) روی نوارهای ثابتِ پایینِ گوشی نیفتند
   --sg-bars را اسکریپتِ گفتگو از ارتفاعِ واقعیِ نوارها می‌گذارد؛
   بدونِ آن، صفحه‌ی محصول ارتفاعِ نوارِ خرید (۶۸px) را فرض می‌کند.
   ========================================================= */
@media only screen and (max-width: 600px) {
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info,
    html body:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error,
    html body .sg-cart-toast {
        bottom: calc(0.75rem + var(--sg-bars, 0px) + env(safe-area-inset-bottom, 0px)) !important;
    }
}
@media only screen and (max-width: 768px) {
    html body.single-product:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-message,
    html body.single-product:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-info,
    html body.single-product:not(.woocommerce-cart):not(.woocommerce-checkout) .woocommerce-error,
    html body.single-product .sg-cart-toast {
        bottom: calc(0.75rem + var(--sg-bars, 68px) + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* فهرستِ کدِ کشورِ دیجیتس در پایینِ همه‌ی صفحه‌ها چاپ می‌شود ولی CSSِ خودِ دیجیتس همه‌جا بار نمی‌شود؛
   بی این قاعده یک کادرِ «جستجو» زیرِ فوتر پیدا بود. نمایشِ واقعی‌اش را JSِ دیجیتس با استایلِ درون‌خطی می‌کند. */
#digits_country_list_wrapper .digits-fullscreen { display: none; position: fixed; inset: 0; z-index: 99999; }